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ими с автором и редакторами, которые работали над книгой. | ` 

Адрес электронной почты: feedback@samspublishing.com 


Почтовый адрес: Paul Boger 
Publisher 

Sams Publishing 

800 East 96" Street 
Indianapolis, IN 46240 USA 


Чтобы получить более подробную информацию об этой или любой другой 
книге издательства «Sams», посетите наш У\/еБ-сайт на www.samspublishing.com. 
Введите ISBN (включая тире) или название книги в области Поиска, для того 


чтобы найти нужную страницу. 


Поскольку популярность Интернета и Всемирной паутины за последнее де- 
сятилетие значительно возросла, большинство фирм и частных лиц имеют 
свои УеЬ-сайты. Многие люди создали У’еЬ-сайты для своей семьи и размес- 
тили на них свои фотографии. Если вы хотите создать собственный Web- 
сайт, но у вас недостаточно опыта в этой области, то эта книга для вас! 
‚Читая книгу, вы поймете, что создать У\еБ-сайт не так сложно, как вам 
кажется. Обратитесь за помощью к шаблонам, которые размещены на сайте 
нашего издательства — www.ntpress.ru/547700292 lsozdaysvoyweb-sayt.php. Для 
работы вы будете использовать четыре типа профессиональных шаблона 
М/еЪЬ-сайтов и бесплатный редактор У\еЬ-страниц. В редакторе У’еЬ-страниц 
вы можете легко и быстро настроить предоставленные шаблоны, сделав их 
вашими уникальными Web-caliramu. Использовать редактор У/еЬ-страниц так 
же просто, как и программу по обработке текста. Просто указывайте необ- 
ходимые элементы и щелкайте мышью по кнопкам. | 
Шаблоны позволят вам быстро создать следующие типы сайтов: 


» семейные. На семейном Web-calite вы можете совместно с членами 
вашей семьи и друзьями просматривать свои фотографии; 

> УеЬ-сайты о хобби. УеЪ-сайты о хобби позволяют вам общаться с людь- 
ми, у которых похожие интересы; 

» общественные. На общественном Web-calite размещают информацию 
и фотографии церковь, клуб, команда по боулингу или другая группа или 
союз; | | 

> Web-caliT интернет-магазина. Продавайте товары, принимая оплату по 
кредитным картам, через интернет-магазин. 


Чтобы научиться создавать свой собственный Web-caiiT, вы будете исполь- 
зовать существующие прикладные У/еЪ-программы. Вы узнаете, как: 


» продавать продукты через интернет-аукцион. Аукцион - это быстрый и 
простой способ продажи товаров в режиме онлайн. На аукционе Моло- 
ток ваши товары перечислены на сайте Молоток.Ру, а обработка платежей 
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производится с помощью того или иного средства, выбранного вами. 
Вы просто перечисляете ваши товары, предназначенные для продажи, 
и предоставляете их, если их покупают; : 

» публиковать информацию (контент) в Интернете через блог. Блог - это 
тип Web-calita, разработанный для того, чтобы пользователи могли лег- 
ко и быстро размещать информацию в Интернете. Блоги используются 
как отдельными людьми, так и фирмами; | 

» совместный доступ к вашим цифровым фотографиям. Вы только что 
вернулись из отпуска с огромным количеством фотографий. Как пока- 
зать их вашим друзьям и семье? Существуют специальные У\еБ-сайты, 
где можно разместить фотографии, чтобы ваши друзья и родственники 
могли загрузить“их, просмотреть и заказать их печать. 


С помощью этой книги вы сможете создать свой собственный уникальный 
МеЪ-сайт или использовать существующую прикладную У’еЬ-программу. Уве- 
ряю вас, что процесс этот интересный и увлекательный. 


Соглашения, принятые в книге 


В тексте книги приняты следующие обозначения: 


» курсивом выделены новые термины, на которые дается ссылка в пред- 
метном указателе; 

> полужирным шрифтом приведены элементы интерфейса рассматри- 
ваемых программ (пункты меню, заголовки диалоговых окон и пр.), а 
также клавиши; 

»> последовательность команд меню записывается через стрелку, напри- 
мер: File > Print (Файл » Печать); 

> при обозначении сочетания клавиш, которые следует нажимать одно- 
временно, используется знак +, например Ctrl+D. 


|. Создание вашей 
первой \еЬ-страницы 


Вы хотите создать свой собственный Web-caliT, но считаете эту задачу слиш- 
ком сложной? Вы думаете, что только люди, много лет работающие на ком- 
пьютере и имеющие большой опыт, обладают знаниями, необходимыми для 
создания Уе-страниц? Так считают многие, но, поверьте, они ошибаются. 
При наличии нужных программ и соответствующей информации создание 
М/еЪ-сайтов довольно простая процедура. Эта книга поможет вам быстро со- 
здать профессионально выглядящий У!еЪ-сайт. 


Примечание У вас нет опыта по созданию Web-caitos? Не беспокойтесь! Шаблоны, раз- 
мещенные на сайте Www.ntpress.ru, помогут вам создать свой собственный 
\М/еБ-сайт в течение нескольких минут. Кроме того, вы узнаете, как использо- 
вать существующие прикладные программы по \У\еЬ-сайтам, чтобы продавать 
товары, публиковать информацию (контент) и совместно использовать изоб- 
ражения в Интернете. 


В данной главе вы ознакомитесь с фундаментальными компоновочными бло- 
‘ками У\еЬ-сайтов и затем выполните установку программы Mozilla Composer. 
Это редактор HTML, предназначенный для создания УеБ-страниц. В следую- 
щей главе вы выполните шаги, необходимые для создания Web-calita, и уви- 
дите, как разместить вашу Web-crpaHuuy (используя шаблоны У/еБ-страниц) 
на вашем \У\еБ-сайте. Главы 3 и 4 иллюстрируют, как можно изменить шабло- 
ны и создать свой собственный Web-caiit. 

В главах 5-7 рассматриваются онлайновые инструменты, предназначен- 
ные для создания У\еЪ-сайтов. Вы узнаете, как продавать товары через Web- 
сайт, используя электронные магазины, публиковать информацию (контент), 
используя блог (дневник), и создавать виртуальные фотоальбомы, чтобы 
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предоставить совместный доступ к изображениям друзьям и членам семьи и 
распечатать их с помощью сервисов, доступных на территории России 
(PixArt.ru, PhotoHost.ru и др.) или за границей (например, SnapFish.com). 

В Интернете размещены миллионы сайтов. Все они, по сути, делятся на 
три категории: 


> семейные/персональные. Создаются для того, чтобы члены семьи и 
друзья могли узнать о последних событиях в жизни вашей семьи; 

> интернет-магазины. Предназначены для продажи товаров через Ин- 
тернет! Это отличный источник дохода в вашем личном бизнесе; 

» сайты для публикации контента. Публикуйте информацию во Всемир- 
ной паутине. Не важно, стихи это, или рассказы, или ваши политичес- 
кие либо философские эссе: распространяя информацию по сети, вы 
показываете ее потенциальной аудитории всего мира, состоящей из 
миллионов человек. 


Шаблоны на сайте Www.ntpress.ru и программы для разработки Web-caliTos 
охватывают все перечисленные категории сайтов. Для работы вам потребу- 
ются книга, шаблоны и доступ к компьютеру, имеющий выход в Интернет. 


Составляющие Web-canta 


Пользуясь Интернетом, вы, вероятно, посещали самые разные У/еБ-сайты. Наи- 

более популярными являются Yahoo.com, Amazon.com, eBay.com, MSN.com, 
Rambler.ru, Google.ru, Yandex.ru, AltaVista и другие. | 

| Чтобы посетить УеЪ-сайт, ваш компьютер должен иметь выход в Интер- 

нет. Фактически, компьютеры различных фирм имеют интернет-соединение, 

а миллионы обычных пользователей подключаются к Интернету, используя 


услуги местных провайдеров (в Америке к ним относятся, например, AOL, 
MSN, Earthlink, Juno). 


Примечание Компании, которые предоставляют подключение к Интернету, обычно назы- 
ваются ISP, что расшифровывается как Internet Service Provider (Провайдер ин- 
тернет-услуг). 


Посетить\У/еБ-сайт через компьютер с интернет-соединением очень лег- 
ко. Просто откройте Web-6paysep и введите имя домена Web-calita в адресной 
строке Web-6pays3epa. 
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Термин Каждый Web-cant имеет уникальное имя домена. Чтобы просмотреть содер- 
| жимое определенного \У/еБ-сайта, пользователь должен просто ввести в ад- 
ресной строке Web-6pay3epa имя домена Web-canta, который он хочет посе- 

тить. Позже мы обсудим назначение имен доменов более подробно. 


Puc. 1.1 содержит пример УеБ-сайта Yandex.ru, просматриваемого через 
Internet Explorer. Обратите внимание на адресную строку Web-6paysepa. Что- 
бы посетить Web-calit Yandex (или любой другой), просто введите имя сайта 
в адресную строку Web-6paysepa, в нашем примере www.yandex.ru. Это все, 
что вам нужно сделать. 

Перед тем как вы начнете создавать свои собственные МеЬ-страницы, 
важно узнать об основных элементах, из которых состоит любой Web-caiit: 


. «Норникель» создаст энергетический мега-холдинг 
. Москвичи почтили память жертв теракта на «Азтозаводской» 
. Американская женщина-астронавт азестована за нападение на 
‚ Благовещенск — Посудомоечная сопевницу 
новый город машина . Борис Березовский подозревает в убийстве Литвиненко 
в Яндекс.Новостях на любой вкус Андрея Лугового 


oe 


Новости Маркет Адреса Словари Блоги Картинки 
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Hi-Tech Развлечения Маркет Москва, вт, 6 espana’ 
компьютеры, игры, юмор, подбор товаров, 
интернет, знакомства, сравнение цен 


мобильники гороскопы 
Емзыес 


Puc. 1.1. В Web-6pay3epe отображается М/еб-страница Yandex 
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» Web-cepsep. Web-cepsep — это компьютер с выходом в Интернет, един- 


ственной целью которого является предоставление местоположения. 


для У/еЬ-страниц У\еЬ-сайта и управление поступающими запросами -Ha 
эти У’еБ-страницы; 

> имя домена. Имя домена для Web- -сайта — уникальный идентификатор Web- 
сайта, так же как адрес вашей электронной почты является уникальным 
идентификатором вашего места в Интернете. Имя домена для Web-caiira 
идентифицирует УеЪ-сервер, на котором расположены У\’еЪ-страницы 
сайта; — 

» УеЬ-страницы. У\еЬ-страницы - ряд файлов, которые составляют со- 
держание Web-caiita. | | 


* ОСНОВНЫЕ РАЗДЕЛЫ 


” Главная страница Наука о меБ-браузерах 
* Новинки катаяога 
* Подлысна na : 5 
neers” ини соо * Послушай клавиш перебор... 
2 Ваши комментарии ры ate | = Преимущества разработки web страницы по схеме - 
и Авторам р hee Зале «tae htral-flash 
Е. г : = Краткое описание DDOS-atan 
i) НОВИНКИ КАТАЛОГА Е пир = Прячем свой IP 
is = Что такое WebMoney Transfer? 


к ee о ВИЕЙ » Убийство спама в The Bat! 
создателями проекта i > : < 
OLD-Games.ru i “ . » Что такое портай? 


я Ветераны игровой в 
ane SDB 


я Зилутве сечение 


iar he eg Сергей T. 

я Разумно в фото | webmasien@duxiab.com 

я Авари» Вроде. coer 

бктабаь 15. 204 

посещаемости сайта | | 24 
pedepanianm Г 02: 

и Гвавмая оцибка \% 4 
современного хостияга 

я Аудит как первый 
шаг пояскового 
продвижения 

я Мор. Утопия. 


e Что таксе браузер? 
e Виды брзузеров % Создание 
® Полнозкранные браузеры интарнет- 

© Lynx : магазинов 
® Браузеры с поддержкой мультимедиа 

о истерия создания брлузеров © поддержке муль ae Расширяемые, 
а Coperht дилетанта э Мсгозой Internet Ехрогаг современные 
ини как делать » Onera магазины, прекрасно 
порноцемньй » Mozilla оптимизированные — для 
корпоративный сайт ® Netscape Navigator работы в poccnicKnx 


Е ё условиях. В короткие . 
. ads Нем браузерь hg сроки наши специалисты 


ta 
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о 


Управление Web-ctpannyamu с Web-cepsepa 


Все У’еЬ-сайты расположены на компьютере особого типа, который называ- 
ется Web-cepeepom. Это компьютер, управляющий контентом определенного 
Web-calita, с доступом к Интернету. 
°— Когда вы посещаете Web-caiir через Web-6paysep, то Web-6paysep отправ- 
ляет запрос на У’еЪ-сервер, который управляет определенным УеБ-сайтом. 
Затем Web-cepsep возвращает запрошенную УеЪ-страницу браузеру. В итоге 
браузер отображает У’еЪ-страницу Tak, как показано на рис. 1.1. 

Рис. 1.3 отображает взаимодействие между УеЪ-браузером и Web-cepse- 
ром. Если нюансы этого взаимодействия кажутся вам немного неясными, не 
переживайте; вам необязательно вникать в эти детали. 


(1) Вы можете ввести (2) Web-6pay3ep отправит 
в адресную строку запрос на Web-cepsep 
браузера имя определенного Web-caita, 
домена для М/еб-сайта ’ запрашивая просмотр 
домашней страницы \ММеб-сайта 
УЖ 


(3) Web-cepsep 


Web-Bpay3ep отправит обратно Web-cepsep 
на вашем компьютере запрошенную Yandex 
Web-ctpaHuuy 
(4) Возвращенная Pay 
Web-ctpaHuua 
отображается 
в Web-6paysepe index.htm 


Puc. 1.3. Посещение Web-ctpaHuupb! включает отправку запроса Ha Web-cepsep 
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Что такое имена доменов Web-canta 


Знаете ли вы, что существуют миллионы У’еБ-сайтов? Для того чтобы посе- 
тить определенный УеБ-сайт из многомиллионного списка, необходимо, 
чтобы все У/еЬ-сайты были уникально идентифицированы каким-либо обра- 
зом. УеЬ-сайты идентифицируются с помощью имен доменов. 

В идеальном варианте имя домена - легко запоминающаяся фраза, такая 
как yandex.ru, rambler.ru, google.com, AltaVista.com, eBay.com, Yahoo.com или 
CNN.com. Все имена доменов заканчиваются определенными символами, 
которые отделяются точкой, за которой, в свою очередь, следуют две или 
более буквы. Большинство имен доменов заканчиваются такими символами, 
как .com, .net или .org.' Хотя доступны и другие. 


Примечание Имена доменов позволяют однозначно идентифицировать Web-cantpl. 


\еЬ-страницы - строительные блоки 
Web-cantTa 


МеЪ-страницы - простейшие составляющие Web-calita; каждый УеБ-сайт — 
это набор У\УеБ-страниц. То, что вы видите в окне. браузера, когда посещаете 
М/’еБ-сайт, на самом деле - это У\еБ-страница. 

Каждая страница УМеЪ-сайта физически является отдельным файлом. 
Файл - это документ, который хранится на компьютере. Например, если вы 
используете Microsoft Word, для того чтобы написать письмо своему пле- 
мяннику, вы можете сохранить письмо. Это сохраненное письмо называет- 
ся файлом. 

Вы можете запросить определенную УеБ-страницу с Web-calita, введя в 
браузере ее URL. Вам не нужно его писать, для того чтобы просмотреть Web- 
страницу. Как мы видели ранее на рис. 1.1, при вводе имени домена У№еБ-сай- 
та отображается Web-crpanuna. Эта страница называется домашней страницей 
и загружается автоматически. 


Перемещение по Web-canry 


Web-caiTt состоит из ряда УеБ-страниц. Каждая У’еЬ-страница уникально 
идентифицирована с помощью URL. Для того чтобы посетить определенную 


' Существует 6 основных типов доменов верхнего уровня. — Прим. науч. ред. 
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‚- УеЬ-страницу, можно ввести ее URL в адресной строке вашего браузера. 
_ Однако необязательно тратить время на ввод URL эвпроредственно в ддрес 
ную строку браузера. 

Более простой способ посетить определенную Web-crpanuuy - сначала 
загрузить домашнюю страницу Web-caiira и затем щелкать мышью по гипер- 
ссылкам, которые переместят вас на другие страницы сайта. Гиперссылки - 
области на УеЪ-странице, выбираемые с помощью графического интерфей- 
са, которые отправляют вас на интересующую У’еЬ-страницу. Иными слова- 
ми, гиперссылки - средства, с помощью которых можно перемещаться по 
У’еЬ-страницам Web-caiira. 


Совет Web-caiit можно сравнить с книгой, а Web-ctpannuy — со страницей книги. 
Когда вы посещаете \У\еБ-сайт, вы можете просматривать различные Web- 
страницы примерно так же, как страницы книги. Чтобы перемещаться по стра- 
ницам книги, вы их листаете; а для перемещений по Web-canty вы щелкаете 
по гиперссылкам на Web-ctpannuax. 


Чтобы узнать о возможностях перемещения внутри Web-calita, посетите, 
например, УеЪ-сайт о мировом баскетболе на Www.world-basket.biz (NBA на 
www.nba.com). Как видно из рис. 1.4, этот \УеБ-сайт (как и все другие) имеет 
ряд ссылок. Например, вы можете щелкнуть по ссылке Чемпионат мира и 
получить более подробную информацию о чемпионате, или по ссылке Ка- 
лендарь, чтобы узнать о дате проведения той или иной игры. 

Щелкнув по гиперссылке Чемпионат мира, вы быстро окажетесь на 
странице с новым URL — http://www.world-basket.biz/worldcup (рис. 1.5). 
Обратите внимание на то, что адресная строка на рис. 1.4 отличается от 
адресной строки на рис. 1.5. На рис. 1.4 адресная строка содержит фразу 
Бир:/ /www.world-basket.biz - доменное имя world-basket У\еЬ-сайта. После 
того как вы щелкнули по гиперссылке и оказались на странице с другим 
ОВГ, адресная строка обновилась, иллюстрируя то, что вы просматривае- 
те уже другую МУеЪ-страницу. 


Примечание Если, читая эту книгу, вы посетили сайт World-basket, то содержимое рис. 1.4 
и 1.5 в вашем браузере может отличаться. Это связано с тем, что Web-cant 
является динамичным, и его содержание со временем меняется. 


. 
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Андрей Кириленко: “У играю как эзварафтованньей 

новичок” 

Андрей Кирилемко, комфликтующий с главмым тренёром «Юты» Джерри Слоуном, 


после второго поражения от «Хьюстома» (90:98) в серии плей-офф дал свои 
Пена изданию «Спорт-Экспресс», sin ххатыя ю 
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Рис. 1.5. Отображена М/еБ-страница Чемпионат мира 
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Рис. 1.6 показывает взаимодействие, которое происходит между Web-6pa- 
узером и Web-cepsepom, когда вы первый раз посещаете домашнюю страни- 
цу world-basket.biz, и затем, когда щелкаете по гиперссылке Чемпионат мира. 


(1) Вывводите имя (2) Web-6pay3ep отправляет ‹ 
домена World-basket.biz запрос на \ММеБ-сайт 
в ваш Web-6pay3ep World-basket. biz, 


запрашивая просмотр 
домашней страницы 


ni ER oat 


(3) Web-cepsep 


ранила Е отправляет 
Web-6pay3ep запрошенную Web-cepsep 
на вашем компьютере М/еБ-страницу вашего провайдера - 
World-basket. biz 
обратно 

` (4) Возвращенная ** 
Web-ctpaHuua 
отображается 


BWeb-6pay3epe — 


(6) Web-6pay3ep 
отправляет запрос 
на Web-cant 
World-basket.biz, 
запрашивая 
просмотр страницы 
http://www. World-basket.biz/ 


(5) Вы щелкаете 
по гиперссылке 
Чемпионат мира 


worldcup 
<< 
Web-6pay3ep (7) Web-cepsBep отправляет Web-cepsep 
на вашем компьютере обратно запрошенную 


вашего провайдера 
вами \М/еб-страницу 
(8) Возвращенная 
Меб-страница 
отображается 
в Web-6pay3epe 


/Worldcup/index.htm 


Puc. 1.6. Каждый раз, когда выбирается новая Web-cTpaHuua, браузер запрашиваетее с Web-cepBepa 
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Табл. 1. 1 объединяет основные ее части Wee -сайта. 


Таблица 1.1. Ключевые компоновочные блоки Web-caiita 


Основные понятия 


Web-cepsep 


Web-cant 


Web-ctpaHuua 


Описание 


Web-cepsep - это компьютер с выходом в Интернет, который управляет 
одним или более Web-caiitamu. При просмотре \МеБ-страницы ваш 
браузер отправляет запрос на Web-cepsBep для определенного URL 


Web-cait - это несколько связанных между собой \ММеь-страниц, имею- 
щих отношение к общей теме. \ММеБ-сайты имеют ряд целей: они могут 
использоваться для того, чтобы позволить совместно использовать 
рисунки, предоставлять информацию и даже продавать товары. Каждый 
Web-canT имеет уникально идентифицированное имя домена 


Меб-страница может состоять из текста и графики. Ее можно сравнить 
с отдельной страницей книги. С одной \еб-страницы можно попасть на 
другую, используя гиперссылки, позволяющие посетителям быстро 
перемещаться с одной Web-ctpaHuub! на другую 
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Создание Web-ctpanny с помощью 
специальных прикладных программ 


Создать МеБ-страницы помогают специально разработанные инструменты в 
программах по авторингу Web-crpanuy. Работать с этими инструментами 
очень просто: укажите необходимые объекты мышью и щелкните по ним. 
Также существует ряд программных пакетов, разработанных для того, что- 
бы упростить создание \еБ-страниц. В табл. 1.2 перечислены некоторые из 
наиболее распространенных программ, показаны их цены и URL, чтобы вы 
могли получить об этих продуктах более подробную информацию. 


Таблица 1.2. Наиболее распространенные инструменты для разработки \ММеб-страниц 


Название Цена Ресурсы для получения более подробной 
информации 

Microsoft FrontPage 199 долларов http://www.microsoft.com/frontpage 

Macromedia DreamWeaver 399 долларов http://www.macromedia.com/software/dreamweaver 

Mozilla Composer Бесплатно http://www.mozilla.org | 


Из таблицы видно, что Microsoft FrontPage и Macromedia DreamWeaver 
стоят довольно дорого. Это объясняется тем, что они рассчитаны на про- 
фессиональных разработчиков Web. Но так как вы занялись разработкой 
Web впервые, вам больше подойдет бесплатное средство по авторингу Web- 
страниц, выпущенное компанией Mozilla group. Оно называется Mozilla. 


Примечание Mozilla — некоммерческая организация, основанная в 1998 году. Организа- 
ция создала и поддерживает бесплатный Web-6pay3ep, называющийся 
Mozilla. Он включает не только Web-6pay3ep, но и много других средств, в том 
числе и редактор НТМ!-страниц Composer по авторингу Web-ctpannu. 


Чтобы использовать редактор Mozilla Composer для создания М/еЪ-стра- 
ниц, необходимо установить на компьютер У\еЬ-браузер Mozilla. 


Бизне и финансы 

Дом и теми И ыы 
узперяят ; , 

Компькиеры Как писать для веба 
Бупьлура и исеалуао 

Мевицима и Здаруья 

Наука и оброзорьние i , Ках зто нэ обидно для всех пишущих для Интернета 
ое и Путошизтехя :и в Интернете, пользователь практически не 
Ср : Откройте свой сайт, интернет-магазин - это ‚читает внимательно ‘их труды. Как празило, 


adie r нобранное } 


Строитальстве и земант посетители сайта лишь Berne просматривают такст 
Дети и их родители aig ane В a 1p поисках ключевых слов, фраз и тп. Если текст 


тоны ети иена sesasvaricieneyterstiercseceas 1! Вы ваеТ у НИХ интерес, изжется им именно той 
Как ятзть партывром информацией, которую они искали, тосда депо, 

может быть, дойдет и до ениматепьного чтения 
или озспечатки материалов. Если же мет — посетителю лучше сразу дать уйти по ссылкам HS схожие оесурсы. 
Даже в этом случае ом будет благодарен зам за четкость изложения и сохранит благоприятное впечатление о 
вашем сервере. 


Исследование пяти наиболее популярных стилей письма в лаборатории Sun Microsystems (cm. полный стчет 
06 экспериментах на hip twww useil Com) показало, что средний уиеб-сайт становится на 53% удобней для 
восприятия пользователя, если темст написан сжато и кратко, на 47% удобней, если теист nero 
просматривается w He 27% удобней, если текст написан b информативном, а ке в «рекламном» стиле, зоторый 
столь популярен сейчас на корпоративных сайтах ‘ 


Хорошо нэпмсанный техст в Интернете эстретишь нечасто. С этим, сисрее эсего, comacyTcA эбсопютное 
большинство пользователей. Пока еще тексты на web-cepsepax не приближают польэсвателя к решению 
основной задачи — найти несбходимую инфоймацию з кратчайшее эремя. 


Все предыдущие исследования пс удобству восприятия сайтов были направлены, в оефовном, на изучение 
эрхитектуры сойта, назигации, псискз, дизайна страниц, лерэметроз, графических элементов и стиля. Сднако 
даже з этих исследованиях тестирузмые делэли замечания, относящиеся и содержанию ресурса. В сознании 
пользовятиля, считает Нипьсем, главенствует контент = это, собственно, причина, по которой чеповек пришел 
на сайт. Спросите у кого-нибудь с moSom известисм web-pecypce, и сн в бопьшимстве случае» мачнет 
комментировать @fD ссдержзние. А уж потом вы усльншите от мего о навигации, графических эпемемтах 


ВА НАИВ 


Предпочтение отдаетс стому и нефо 


Более поповины тестируемых заявили, что не пюбят текстов, которые тяжепо понять. Нехоторые скаэзли, что 
предпочитают неформальный или разговорный стипь «Мна больше нравится неформальный сталь письма, 
потому что я люблю быктро читать», - сказал один из участников исследования - «Мие не нравится 
SLUTRIBETRCA & УЭЖДОе (П050, как это нужно делать в любом тексте, написанном официальным. формальным 
языком, 319 сильно замедляв: процесс чтения». 


Пишущий должен формировать доверие к тексту на мер’ е 


Зачастую читатель не имеет понятия, ETC создатель конкретного Web-CaATS и откуда он черпает публикуемую 
информцию. Позтому источник информации, квалификация авторов и достоверность эсех изпагаемых фактсв 
берутся под сомнение. Это заставляет пользователей зэдуматься O TOM, стоит ли доверять информации, 
найденной & Интернете TAK же, кэк они доэеряют другим СМИ. 


Дастозёрность информации как важный факт в чтении на Web'e была упомянута несколькими тестируе мыли. 
Читая новости на одном из сайтов, один из учистнииов сказал: «Вог на это я обращию энимание всегда — OT 
хо RCW ИСМОДИТ? Заспуживзет Пи ITS) источник доверия? Отрет ма этот вопрос очень важем У: не хочу, чтобы 
меня потчезали Фальшизками». Когда другого участника исследования спросили, насколько, по его мнению, 
достовериз информация в Интернете, ом OTSETWT «Этот вспрос я сам себе зэдаю на кзждом weh-calres 
Кзчество содеркания сайта сильно влияет из дозерие попьзовэтелей к изпагаемой информации. Kar заметил 
один из тестируемых «Хороший журнал задает ‹есй особый Tou, создает у читателя особое зпечатпение, 
хотэрое чувствуется 36 всем ссдерожаних. Например, у National Geographic cech собственный имидж, 
превоскодное качество. Web-cait тоже передзет имидж. Если ‹айт сделан 56 вкусом, это может добавить 
доверия ‘зитатепей к 2:0 содесжаник» 


` 


Внамние созыжи тоже повыниают доверие K содержанию сайта 


При оценке достозеснокти содержачия \уе>-рекурси, пользователь нередяо полагается ня гиперссылки. 310 
было подмечено многими учэстниками теста «Ссылки - полезная информоция. По ним можно судить, 
насколько эегор позвдив». Читья статью в Имтермете. другой попезователь заметил. «Информация на этом 
Caine кажется мне дсетатсчыо нодежной. Автог приводит несколько точек зрения, и все они подкрейлены 
скъыжами». Еще один ксммектарий. «Раз Эыгор приводит ссылки Ka другие. ресурсы, значит. зто относительно 
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Примечание, В книге использовалась версия Web-6pay3epa Mozilla, последняя на момент 
написания книги, а именно 1.7.8. Вы можете скачать и установить эту или бо- 
лее новую версию Mozilla c У/еБ-сайта Mozilla — http://www.mozilla.org. Если 
вы будете использовать не 1.7.8, возможно, ваши рисунки и рисунки, приве- 
денные в книге, будут немного отличаться. 


Установка браузера Mozilla 


МеЪ-браузер Mozilla включает и редактор Composer, который необходимо 
установить на компьютер, чтобы создать вашу первую У’еЬ-страницу. Ска- 
чайте из Интернета файл mozilla-win32-1.7.8.installer.exe. Его объем состав- 
ляет 12 Мб. Или же скачайте более 
новую версию. Дважды щелкните по 
файлу, чтобы его открыть. Сначала 
будет установлен браузер Mozilla. По- 
явится диалоговое окно Mozilla Setup - 
Ме]соте (Добро пожаловать), пока- 
занное на рис. 1.9 

Щелкните по кнопке Next (Далее), 
чтобы начать установку. Появится окно 
Sofware License Agrement, которое 
предоставляет лицензию Ha исполь- 
зование Mozilla и взаимодействую- 
щих с ним продуктов. После того как 
вы прочитаете соглашение и одобри- Рис. 1.9. Окно, предлагающее начать 
те его; щелкните по кнопке Accept установку браузера Mozilla 
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Рис. 1.10. Выберите вариант Complete 


(Я согласен). Таким образом вы перей- 
дете к третьему диалоговому окну 
Setup Туре (Тип установки), показан- 
ному на рис. 1.10. Окно Setup Туре дает 
вам возможность выбрать тип установ- 
ки. Оставьте вариант, выбранный по 
умолчанию; — Complete (Полная) и 
щелкните по кнопке Next, чтобы про- 
должить установку. 

В следующем окне установите фла: 
жок в поле Use launch for faster startup 
times when possible, если вы хотите 
использовать функцию Mozilla Quick 


Launch (Быстрый запуск). Быстрый запуск добавляет ярлык (пиктограмму) к 
панели задач Windows, оставляя браузер Mozilla работающим, даже когда вы 
его закрываете. При использовании этой функции время запуска Mozilla 
уменьшается. Эта функция не выбрана по умолчанию, и я рекомендую акти- 


Puc. 1.11. Финальное окно показывает 
список программ, которые будет 
установлены 


вировать ее только в том случае, если 
вы знаете, что регулярно будете ис- 
пользовать Web-Opay3ep Mozilla вмес- 
то Internet Explorer. 

ЦЩелкните по кнопке Next, чтобы 
перейти к финальному окну процесса 
установки (показанному на рис. 1.11). 
Это окно предоставляет отчет о ком- 
понентах, которые будут установлены. 

Когда вы будете готовы выполнить 
установку, щелкните по кнопке Install 
(Установить). В течение последующих 
нескольких минут Mozilla будет уста- 
новлен на ваш компьютер. После за- 
вершения установки браузер Mozilla 3a- 
пустится автоматически. Теперь, когда 


браузер Mozilla установлен, мы можем начать использовать компонент Сот- 
poser - программу для редактирования \МеЪ-страниц. 
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Запуск редактора Mozilla Composer 


После Toro как вы установите браузер Mozilla, вы можете использовать и 
компонент Mozilla Composer. Для этого вы сначала должны запустить брау- 
3ep Mozilla, если он еще не запущен. Откройте меню кнопки Пуск (Start), вы- 
берите в нем строку Программы (Programs), найдите в списке программ 
Mozilla и выберите ee. 

После того как браузер Mozilla будет запущен, вы можете запустить 
Composer, выбрав в браузере меню Window (Окно) и щелкнув по пункту меню 
Composer. Или же вы можете нажать на вашей клавиатуре кнопки Ctrl и 4 
одновременно. Рис. 1.12 показывает меню Window в окне браузера Mozilla. 


ile Edit View Bookmarks ~ Tools Window - Help Debug CA 


петли eer лотом оон, 


>. B93 Е ‘eNavigator С | 
р: hes — Сы + 


Be ES 2D Adore _ 


Puc. 1.12. Запустите НТМ! -редактор Composer, выбрав пункт Composer в меню Window 


После Toro как вы выберете запуск Composer, должно появиться окно Com- 
розег (рис. 1.13). 

В следующем разделе вы узнаете, как использовать Composer для создания 
Web-crpannu. : 
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рооьььь вв лм лань 


Рис. 1.13. Окно Mozilla Composer 


Устанавливая Mozilla Composer, вы устанавливаете полную версию Web-6pa- 
узера. Браузер Mozilla содержит много функций, которых нет в Internet 
Explorer. Я рекомендую вам поработать с браузером Mozilla — он просто мо- 
жет вам понравиться больше, чем Internet Explorer! Чтобы узнать о функциях 
Mozilla более подробно, посетите сайт ННр:/ /mozilla.org/products/mozilla1.x. 
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Создание \М!еЬ-страницы с помощью 
Mozilla Composer 


Создание Web-ctpanny с помощью Mozilla Composer просто и наглядно (так 
же, как написание письма в Microsoft Word). Давайте создадим простую Web- 
страницу, которая предоставляет информацию о несуществующем человеке. 
Сначала введем информацию, которую мы хотим увидеть на Web-crpanuue, a 
позже вернемся к ней, чтобы сделать ее вид более привлекательным. 

Запустите Composer, если он еще не запущен. Для этого запустите браузер 
Mozilla, выберите в нем пункты Window » Composer (см. рис. 1.13). 

Вводить информацию в У’еЬ-страницу очень просто! Мы будем создавать 
М/еЪ-страницу о выдуманном человеке по имени Макс. На этой странице Макс 
поделится информацией о себе и сообщит: 


» свой возраст; 

»> о работе; 

} о семье; 

»> о своих увлечениях; 
> о домашних питомцах. 


Придумайте интересные факты о Максе, которые будут размещены на его 
Web-crpannye. Я решил ввести за Макса следующую информацию: 


Привет, это моя личная Web-cmpanuya. Меня зовут Макс. 
Мне 32 лет, и я живу в России. 


Я тренер по фигурному катанию. У меня уже есть ученики — чемпионы Poccuu. 
Я занимался фигурным катанием с 8 лет. 


Я женат. Мою жену зовут Марина. У нас 3 чудных детей: Кристина, Глеб u Петя. 
Кристина уже школьница, [Глеб и Петя еще дошкольники. 


Мое хобби — это моя работа. А ewe A люблю путешествовать. Каждой весной мы 
ходим в горы. 


В нашей семъе еще есть пес Тимур, кошка Маркиза, попугай Гарольд. 


Рис. 1.15 показывает, как выглядит текст в окне Composer, после того как 
я ввел информацию о Максе. 
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| Привет, это моя личная Web-ctpanuya. Меня зовут Макс. 
| Мне 35 лет, и я живу в России. 


‚ \ Ятренер по фигурному катанию. У меня уже есть ученики — чемпионы России. 
| Язанимался фигурным катанием с 8 лет. 


| Я женат. Mow жену зовут Марина. 


У нас 3 чудных детей: Кристина, Глеб и Петя. 
Кристина уже школьница, Глеб и Петя еще дошкольники. 


| Мое хобби — это моя работа. A еще я люблю путешествовать. Каждой весной мы ходим в горы. 


| В нашей семье еще есть пес Тимур, кошка Маркиза, попугай Гарольд. 
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их 1.15. Первая \Ме-страница Макса 


Без сомнения, первая У’еЬ-страница Макса немного разочаровывает. Она 
не выглядит интересной. В следующих разделах вы узнаете, как Composer 
позволяет украсить внешний вид страницы. С помощью нескольких простых 
шагов вы сможете значительно улучшить вид страницы и общее впечатление 
от нее. 


Совет Если во время работы с Composer вы сделали ошибку — выбрали неправильный 
цвет, неправильный шрифт, сделали опечатку или что-либо еще, вы можете отме- 
нить последнее действие, выбрав меню Edit (Правка) и команду Undo (Отмена). 


Изменение шрифта 


По умолчанию текст, который вы вводите в окне Composer, отображается 
шрифтом, установленным в браузере по умолчанию. Но в редакторе Composer 
вы можете легко установить определенный шрифт. Давайте оформим до- 
машнюю страницу Макса шрифтом Arial. 
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Для этого выделите весь текст, который вы набрали. Чтобы выделить 
_ текст целиком, вы можете выбрать меню Edit и в нем команду Select all (Вы- 
делить все). Чтобы выделить часть текста, используйте мышь. Щелкните по 
тексту и перетащите курсор, удерживая кнопку мыши. Для изменения шриф- 
та выбранного текста обратитесь к меню Format (Формат) и выберите в нем 
команду Font (Шрифт). Будет отображен длинный список доступных шриф- 
тов, как показано на рис. 1.16. Выберите шрифт Arial. 
На рис. 1.17 показан текст, после того как шрифт был изменен Ha Arial. 


Примечание Большинство профессиональных Web-crpannu, оформлено одним из трех шриф- 
тов: Arial, Times New Roman или Verdana. Текст, приведенный ниже, показывает 
одно и то же предложение, оформленное тремя различными шрифтами: 

Это пример текста шрифтом Arial. 
Это пример текста шрифтом Times New Roman. 
Это пример текста шрифтом Verdana. - 


| Remove Al Text Styles Ctri+Shift+y 
Remove Links Ctrl+Shift+K 
Remove Named Anchors Ctrl+-Shift+a 


____ Positioning gid , ОСИ ЗЕ 
Аве в begcerties... 
‚ Раде Colors and Background... 
„ Page Title and Properties... 


В нашей семье еще есть пес Тимур, кошка Маркиза, поп. 


Ве! МТ 

Berlin Sans FB 
Berlin Sans FB8-Demi 
Bernard MT Condensed 


О 
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Рис. 1.16. Команда Font меню Format показывает список доступных шрифтов 


Привет, это моя личная nae Меня зовут Макс. 
Мне 35 лет, ия живу в России. 


Я тренер по фигурному катанию. У меня уже есть ученики — чемпионы России 
Я занимался фигурным катанием с 8 лет. 


Я женат. Мою жену зовут Марина. 


У нас Змчудных детей: Кристина, Глеб и Петя 
Кристина уже школьница, Глеб и Петя еще дошкольники. 


Мое хобби - это моя работа. А еще я люблю путешествовать. Каждой весной мы ходим в горы. 


В нашей семье еще есть пес Тимур, кошка Маркиза, попугай Гарольд. 
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Совет Чтобы изменить шрифт части документа, используйте мышь. Выберите только 
тот текст, шрифт которого вы хотите изменить. Затем используйте команду 
Font меню Format и выберите шрифт для оформления выделенного текста. 


Как сделать шрифт полужирным, курсивным 
или подчеркнутым 


Вы можете изменить начертание шрифта на Полужирный, Курсив или 
Подчеркнутый, используя соответствующие кнопки на панели инструмен- 
тов (рис. 1.19). Чтобы применить такого рода форматирование к определен- 
ной части текста, выделите текст, а затем щелкните по соответствующей 
кнопке. Давайте, к примеру, оформим курсивом имена детей Макса. Чтобы 
это сделать, используйте мышь. После того как текст будет выделен, просто 
щелкните по кнопке I (Курсив), и текст будет оформлен курсивом. 

Теперь давайте присвоим каждому абзацу название, выделенное полужир- 
ным шрифтом. Рис. 1.20 показывает окно в редакторе Сотрозег, после того 
как имена детей были выделены курсивом и были добавлены названия абза- 
цев, выделенные полужирным. 


' Если у Bac не высокоскоростное интернет-соединение, то скачать и1а]-версию не удастся, так 
как ее объем составляет 208 Мб. — Прим. науч. ред. 
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Привет, это моя личная У\МеБ-страница. Меня зовут Макс. 


Обо мне 
Мне 35 лет, ияживу в России. 


Моя работа 


Я тренер по фигурному катанию. У меня уже есть ученики — чемпионы России. 
Я занимался фигурным катанием с 8 лет. 


О моей семье 
Я женат. Мою жену зовут Марина. 


Дети | 

У нас 3 чудных детей. Кристина, Глеб иПетя. 

Кристина уже школьница, Глеб и Петя еще дошкольники. 

Увлечения : : 

Мое хобби — это моя работа. A еще я люблю путешествовать. Каждой весной 
мы ходим в горы. 


Питомцы 
В нашей семье еще есть пес Тимур, кошка Маркиза, попугай Гарольд. 


Рис. 1.19. Эти кнопки на панели инструментов позволяют вам изменить начертание 
шрифтатекста Ha Полужирный, Курсив или Подчеркнутый 


Совет При оформлении текста вы не ограничены только одним начертанием шриф- 
та. Вы можете выделить текст полужирным и курсивным, или курсивным и 
подчеркнутым одновременно, или создать любую комбинацию из этих трех 
стилей. | 


36 ГЛАВА 1. Создание вашей первой УМеь-страницы 


AS Лнчная страница Макса [1:1 ЛЕВА A ЕО £02 FE% 208 120k £2 РОО НЕВЕ £20. RS 
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т это моя личная У\еб-страница. Меня тет Макс. 


Обо мне 

Мне 35 лет, и яживу в России. 

Моя работа 

Я тренер по фигурному катанию. У меня уже есть ученики — чемпионы России. 
Я занимался фигурным катанием с 8 лет. 


О моей семье 

Яженат. Мою жену зовут Марина. 

Дети 

У нас З*чудных детей: Кристина, Глеб-и 

Петя. Кристина уже школьница, Глеб и Петя еще дошкольники. 


Увлечения 
Мое хобби — это моя работа. A вы ялюблю путешествовать. Каждой весной 
мы ходим в горы. 


Питомцы‘ 
В нашей семье еще есть Nec. Tumyp, кошка Маркиза, попугай Гарольд. 


Puc. 1.20. К тексту применено форматирование полужирным и курсивом 


Изменение цвета шрифта и фона 


Composer позволяет вам легко назначить цвет переднего плана для текста и 
фона для У’еЬ-страницы. Чтобы настроить цвет шрифта, просто выберите 
текст, цвет которого вы хотите изменить, затем используйте меню Format и 
выберите в нем команду Text Color (Цвет шрифта). Откроется диалоговое. 
окно Text Color (Цвет шрифта), изображенное на рис. 1.21. 

Это диалоговое окно позволит вам выбрать цвет из палитры цветов. Сде- 
лав свой выбор, щелкните по кнопке ОК. Диалоговое окно закроется, и цвет 
шрифта выделенного текста изменится на выбранный. Потратьте немного 
времени Ha то, чтобы изменить цвет шрифта части текста УеЬ-страницы 
Макса. 

Цвет фона У’еБ-страницы можно изменить с помощью команды Page Colors 
and Backgrounds (Цвета шрифта и фона) меню Format. Выберите эту коман- 
ду, и откроется диалоговое окно, показанное на рис. 1.22. Чтобы изменить 
цвет заднего плана страницы, установите переключатель в положение Use 
custom color (Использование специальных цветов) и щелкните по кнопке 
Background (Фон). Откроется диалоговое окно Text Color, показанное на 
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Normal text 
Link text 


Active link text 


Visited link text 


Рис. 1.21. Диалоговое окно Text Color Рис. 1.22. Это диалоговое окно позволяет вам 
позволит вам выбрать цветтекста изменить цвет фона \ММеб-страницы 


рис. 1.21. После того как вы выберете цвет и щелкнете по кнопке ОК в обо- 
их окнах, вы вернетесь к окну Composer и цвет фона будет изменен на выб- 
ранный цвет. 


Совет Выбирая цвета шрифта и фона, следите за тем, чтобы они были контрастными 
и чтобы на их фоне можно было прочесть текст. Если вы выберете шрифт тем- 
ного цвета и расположите его на темном фоне или выберете шрифт светлого 
цвета и расположите его на светлом фоне, посетители вашей \!еБ-страницы 
не смогут прочитать текст! 

Вот еще примеры неудачных цветовых решений: желтый текст на белом фоне 
и голубой текст на черном фоне. 


Расположение текста 


Как и текстовый процессор, Composer позволяет вам располагать текст од- 
ним из четырех способов: 


» с выравниванием по левому краю; 

» с выравниванием по центру; 

» с выравниванием по правому краю; : 
> с выравниванием по ширине. 
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\ 


Чтобы выбрать тип выравнивания, просто выделите текст, расположе- 
ние которого вы хотите изменить, а затем на панели инструментов выбери- 
08 соответствующую кнопку, определяющую on Ее (рис. 1,235). 


ли это моя личная Web-ctpaHuua. Меня зовут Макс. 
Мне 35 net,“ я живу в России, 


Я тренер по фигурному катанию. У меня уже есть ученики — чемпионы России. 
Я занимался фигурным катанием с 8 лет. 


Рис. 1.23. Эти кнопки на панели инструментов позволяют вам выровнять текст 


Чтобы попрактиковаться в выравнивании текста, потратьте немного вре- 
мени на то, чтобы выровнять по правому краю названия всех разделов («Обо 
мне», «Моя работа» и т.д.). Чтобы выровнять по правому краю название «Обо 
мне», просто выделите текст, а затем щелкните на панели инструментов по 
кнопке для выравнивания по правому краю. Повторите этот процесс для 
всех названий абзацев на странице. | 

Рис. 1.24 показывает Composer, после того как было выполнено выравни- 
вание по правому краю. 


Привет, это моя личная \У\еБ-страница. Меня зовут Макс. 


Обо мне 


f Мне 35 лети яживу в России. 


Моя работа 
Я тренер по фигурному катанию. У меня уже есть ученики — чемпионы России. 
{ Язанимался фигурным катанием с 8 лет. 


Рис. 1.24. Эти заголовки выровнены по правому краю 


ge ё sa aie Е 
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Сохранение \МеЬ-страницы 


В Composer существует намного больше функций форматирования, и мы изу- 
чим их более подробно, когда приступим к созданию полнофункциональных 
У\еЬ-сайтов. Целью последних разделов было ознакомить вас с самыми базо- 
выми функциями форматирования, которые предоставляет Composer, и под- 
вести вас к мысли о TOM, что форматирование в Composer аналогично фор- 
махировамию: текста в текстовом а канвы Sik 
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» Общие вопросы. ы веб-дизайна. 


К черту плохие броузеры Указатель категорий 
i © Информационная 
To Hell With fad Browsers :  эрхитектура (10) 
serop: 2000 Джиффри Зепьдман ОеЙтеу Zeidman} и А list Араб : (MDHTML (16) 
парегод: Anaxcskap Kaw soe Юзабилити (34) 
Як>5 Нильсен (55) 
$$3 (35) ^ 
Мазигациа (15) 
Графикл (5) 
A List Ар» 4 (17) 
Дизайн (20) 
Инструмемты (10) 
Цэет (8) 
: Бизныс (25) 
Если же этот сайт выглядит уродливо, хотя и чнтаемо, ваш броузер не } Манеджижнт проектоз 


поддерживает стандартов Web. К счастью, вы можете © лагкостью (as) 
® Tecmoosenns (14) 


установить Ha свою машину броузер, который с этой работой справляется. | © Програжиировение (12) 


® Реклама n продвижения 
(16) 


Технологии (15) 
Проэктирование (8) 
Что вы наделали? Поддержка (3) 

: Текст и комтенмт (10) 
Мы обновили дизайн журнала A List Apart и привели его в соответствие со Книги (4) 
стандартами Web, некоторые из которых (например CSS-1) были тем othe (7) 
утверждены еще в 1996 году. А сейчас уже пошел 2001 год. = 


Если этот +'Ъ-сайт выглядит так, как должен выглядеть W 
‘ сайт, а не похож Ha кучу кусочков мозаики, перемешанных 
<Я беззаботной рукой ребенка, поздравляем! Ваш броузер на 
"хорошо" нли "отлично" справился с поддержкой таких стандартов Web, 
как CSS-1, HTML 4.01 и скриптовые языки. 


Перед тем как начать кричать благим матом, выслушайте нас. 
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Теперь, когда вы закончили создавать первую У\еБ-страницу Макса, coxpa- 
ните ее. Чтобы это сделать, откройте меню File (Файл) и выберите команду 
Save (Сохранить). Откроется диалоговое окно, запрашивающее название Web- 
страницы. 


Термин Все Web-ctpannupi имеют Н#е - связанное с ними название. Название отобра- 
| жается в строке заголовка Web-6pay3epa, когда вы посещаете страницу. 


Выберите, например, такое название, как «Личная \У\/еЬ-страница Макса», 
и щелкните по кнопке ОК. Затем укажите, куда сохранить файл. Вы можете 
сохранить его, к примеру, в папке Мои документы, или на Рабочем столе, или 
в любой другой папке. В дальнейшем вы сможете открыть эту УеЬ-страницу 
для редактирования, просто запустив Composer, открыв меню File и выбрав 
команду меню Ореп (Открыть). | 

На данном этапе У\еЬ-страница будет сохранена только на вашем компьюте- 
ре. Таким образом, ваши близкие и друзья, живущие в разных местах, не.смогут 
посетить вашу Web-crpanuny с помощью своего У\еЪ-браузера. Чтобы сделать 
У'еБ-страницу доступной для тех, у кого есть выход в Интернет, необходимо 
создать Web-caiit и разместить его на У\еЪ-сервере, скопировав этот файл на 
узел, который управляет вашим УМ/еБ-сайтом. Для этого потребуется выполнить 
несколько шагов, которые мы подробно изучим в следующей главе. 


Закончив эту главу, вы предприняли первый шаг в создании УеЪ-сайтов. 
Вы узнали о трех составляющих, которые входят в каждый У!еЪ-сайт: 


» \УеЬ-серверах, которые присылают запрошенные МеЬ-страницы запра- 
шивающим У\еЪ-браузерам; 

» именах домена, необходимых для уникальной идентификации У\еБ-сайта; 

> УеБ-страницах, которые являются компоновочными блоками У\еБ-сайтов. 


УеЪЬ-сервер - это компьютер, на котором располагаются У/еЬ-страницы 
У\еЬ-сайта. Когда пользователь посещает У/еБ-сайт с помощью браузера, Web- 
серверу посылается запрос. Имя домена - уникальный идентификатор Web- 
сайта. Чтобы посетить домашнюю страницу определенного УеБ-сайта, про- 
сто введите имя домена в адресную строку вашего браузера. И наконец, 
УеБ-сайт содержит от одной до нескольких У/еЬ-страниц. Каждая Web-crpanuua, 
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по сути, файл, который расположен на Web-cepsepe. \еЬ-страницы содержат 
разметку на языке НТМГ, которая определяет, как их содержание должно 
отображаться в \еЬ-браузере. < 

В этой главе вы также увидели, как использовать Mozilla Composer, чтобы 
создать простую Web-ctpannuy. Composer дает вам возможность создавать и 
редактировать У/еЪ-страницы так же, как если бы вы работали с документа- 
ми в программе по обработке текста. Перед тем как начать использовать 
Composer, вы установили программу Mozilla, скачав ее из Интернета. 

В следующей главе вы более глубоко изучите взаимодействие между Web- 
браузером и Web-cepsepom, найдете УеЪ-провайдера управляющего вашим 
сервером и зарегистрируете имя домена. И наконец, вы увидите, как загру- 
зить У/еЬ-страницы с вашего компьютера на доступный УеЪ-сервер. 


4. Создание Web-canta 


В предыдущей главе вы узнали, как использовать редактор НТМГ-страниц 
Composer, чтобы создать вашу первую У/еЬ-страницу. Создав У\еЪ-страницу, 
вы сохранили ее в папке на вашем компьютере. Хотя запуск У\еЬ-страницы 
на компьютере позволяет вам легко обновлять У\еЬ-страницу в дальнейшем, 
он не позволяет другим просматривать вашу УеЪ-страницу через Web-6pay- 
зер. Если Web-crpanuija сохранена только на вашем компьютере, то вы - 
единственный человек, который может ее просматривать. 

Чтобы использовать. УеЪ-страницу совместно с другими пользователями, 
вам необходимо создать У/еЪ-сайт. Создание Web-caiita включает три шага: 


1. Свяжитесь с провайдером, размещающем на сервере У’еБ-сайты, и получи- 
те место для доступа к вашему Web-cality. Web-cepeep - это компьютер с по- 
стоянным выходом в Интернет, предоставляющий возможность про- 
сматривать У\еЪ-страницы любому, у кого есть доступ в Интернет. 

_2. Зарегистрируйте для вашего Web-caiita имя домена, например www.MyFirst- 
WebSite.com. | 
3. Загрузите страницы вашего УеБ-сайта на этот Web-cepsep. 


После того как вы выполните эти шаги, ваши У\еЬ-страницы сможет про- 
смотреть любой, у кого есть выход в Интернет! Как говорилось в главе 1, 
люди смогут посещать ваш У\еБ-сайт, просто открывая Web-Opay3ep и вводя 
имя домена вашего УеЪ-сайта в адресную строку. 

В этой главе вы узнаете, как выполнить каждый из трех шагов. К концу 
главы у вас появится \УеЬ-сайт, который вы сможете использовать совмест- 
но с вашими друзьями, семьей и клиентами! 
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Как найти провайдера 
для Web-caiita 


‚ Первым шагом в создании общедоступного Web-calita является поиск про- 
вайдера, размещающего на своем сервере У/еЬ-сайты. Провайдер - это компа- 
ния, которая предоставляет компьютер, круглосуточно подключенный к Ин- 
тернету. Этот компьютер функционирует как МеБ-сервер, то есть он ничего 
не делает, только ждет поступающих запросов от удаленных У\еЪ-браузеров. 
После получения запроса OH возвращает запрошенную УеЪ-страницу. 

Существует множество провайдеров, размещающих на сервере Web-cait- 
ты, начиная с маленьких компаний, контролируемых одним лицом; заканчи- 
вая компаниями, которые являются на рынке лидерами (например, в России 
компания РМТ). Цены также варьируются в широком диапазоне - от бесплат- 
ного варианта до нескольких тысяч долларов в месяц. 

Так как число провайдеров, размещающих на сервере У\еБ-сайты, очень 
велико, то найти такого провайдера в Интернете не так сложно. Просто зай- 
дите в поисковую службу и в поле для поиска введите, например, такой текст: 
«компания, размещающая на сервере У’еЪ-сайты клиентов». Такой поиск в 
Google.com даст 6,7 миллионов ссылок! 

Другой метод заключается в TOM, чтобы использовать один из многих Web- 
_ сайтов, служащих в качестве «белых страниц» компаний, размещающих на сер- 
вере У’еБ-сайты клиентов. Такие сайты, как TopHosts (www.tophost.com), Host- 
Index (www.hostindex.com) и HostSearch (www.hostsearch.com), предоставляют 
поисковые индексы тысяч компаний, размещающих на сервере У’еБ-сайты 
клиентов, расположенных по всему миру. 

_Если вы не хотите искать компании, размещающие на сервере У\уеЬ-сайты 
клиентов, через поисковую службу или сайт с индексами компаний, то спро- 
сите у вашего интернет-провайдера (ISP), предлагает ли он размещение на 
сервере У’еБ-сайтов клиентов. 


Примечание Baw ISP — это компания, которая предоставляет вашему компьютеру доступ в 
Интернет. Самые распространенные в мире ISP — такие компании, как AOL, 
‚ Earthlink, MSN, а также многие телефонные компании. Прежде чем остано- 
виться на выборе определенного провайдера, посетите следующие форумы: 
besplatno.ru (раздел Hosting), http://providerz.ru, Webscript.ru/forums: 


\ 
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Совет ISP часто являются идеальными провайдерами, размещающими на сервере Web- 
сайты клиентов, потому что во многих случаях учетная запись. размещения на 
сервере Web-cavita включена в ежемесячную оплату услуг Интернета. При 
обращении к другим компаниям, размещающим на своем сервере сайты, вам 
придется ежемесячно платить за предоставленную услугу. 


Что необходимо учитывать при размещении 
на сервере Web-cantTos 


Когда вы будете искать компании, размещающие на сервере сайты клиентов, 
вы заметите, что все они употребляют примерно такие фразы, как: «Мы 
предлагаем 250 Мб пространства на диске и ежемесячный предел пересылки 
данных 9 Гб!» Чтобы понять смысл этих выражений, давайте потратим не- 
много времени на то, чтобы изучить некоторые из наиболее часто употреб- 
ляемых технических параметров. 


Пространство на диске 


Многие компании, размещающие на сервере У’еЬ-сайты клиентов, разрешают 
вам хранить только определенное количество данных Ha Web-cepsepe. Это 
количество меняется от компании к компании, но обычно провайдер, разме- 
щающий сайты клиентов, позволяет хранить от 10 до 250 Мб на Web-cepsepe. 
Количество У/еЪЬ-пространства, которое вам понадобится, зависит от того, 
что вы планируете хранить на своем сайте. Если вы собираетесь просто раз- 
местить текстовые УеЬ-страницы и несколько фотографий, то 20 M6 будет 
вполне достаточно. Вы знаете, что каждая фотография, сделанная цифровым 
фотоаппаратом, может занимать примерно от 50 до 250 Кб в зависимости от 
качества и настроек фотоаппарата. (Один мегабайт - это 1024 килобайт.) 
Итак, принимая во внимание, что ваш фотоаппарат делает снимки размером 
в 250 Кб (это верхняя граница диапазона), вы можете сохранить четыре фото- 
графии в одном мегабайте. Если вы хотите использовать, скажем, 25 фотогра- 
фий, тогда вам понадобится 6 250 Кб, или 6,25 Мб. То есть учетной записи в 20. 
Мб обычно вполне достаточно для Web-caliros болыпийства людей, но если вы 
предполагаете разместить достаточно много фотографий или других файлов, 
которые имеют большой размер, вам необходимо выбрать компанию, которая 
предоставляет столько пространства на диске, сколько вам требуется. 
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Совет Если вы планируете использовать большое число изображений, подумайте о 
_ возможности их бесплатного размещения и хранения в виртуальных альбомах 
на серверах англо- и русскоязычных компаний, например SnapFish, PixArt, 
PhotoHost и т.п. 
Используя эту возможность, вы можете загрузить ваши цифровые фотографии 
и предложить друзьям и семье просмотреть изображения, а при желании за- 
казать их печать. Глава 7 содержит подробное описание того, как разместить 
ваши фотографии в Интернете с помощью различных сервисов. 


Ежемесячный предел пересылки данных 


Каждый раз, когда кто-то посещает МеЪ-страницу сайта, сайт должен переда- 
вать содержание УеЪ-страниц и любых рисунков запрашивающему Web-Opay- 
зеру. Чем больше сведений передается с У\еБ-сервера, тем большую сумму 
потребует провайдер, размещающий на сервере У\еБ-сайт. 


Примечание Ежемесячный предел пересылки данных иногда называется ежемесячной по- 
лосой пропускания. 


Обычно максимальный ежемесячный объем пересылки находится в диа- 
пазоне между 2 и 10 Гб. (Один гигабайт - это 1024 мегабайт.) Некоторые ком- 
пании, размещающие на своем сервере Web-caliTbI клиентов, применяют ог- 
раничение на пересылку данных, называемое жестким пределом. Это значит, 
что если ежемесячная полоса пропускания превышает предел, то У\еЬ-сайт 
закрывается до конца месяца. Другие компании используют плавный предел, 
который означает, что если ежемесячный предел пересылки превышен, то 
после этого к ежемесячному платежу за размещение Web-calita будет добав- 
ляться определенная цена за каждый превышенный гигабайт. На некоторые 
МеЪ-сайты вообще не накладываются ограничения. 

Для небольших индивидуальных сайтов предел пересылки в 2 Гб обычно 
является вполне достаточным. Давайте все рассчитаем, исходя из того, что 
содержание вашего Web-caiita занимает 10 Мб пространства на диске. При- 
мем, что каждый посетитель смотрит в среднем по 2 Мб рисунков и другого 
содержания. И примем, что в месяц ваш сайт просматривают 250 посетите- 
лей; тогда ежемесячная полоса пропускания составит 500 Мб, или 0,5 Гб. 

Конечно, если вы ожидаете большого наплыва посетителей, то 2 Гб будет 
недостаточно. Если вы думаете, что ваш сайт будет пользоваться популярнос- 
тью, или планируете управлять информацией, которая расположена в больших 
по размеру файлах (домашнее видео, файлы MP3 написанных вами песен или 
другие крупные файлы), вам лучше выбрать компанию, размещающую на серве- 
ре У’еБузлы клиентов и не устанавливающую ежемесячную полосу пропускания. 
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PaGora co службой ЕТР 


На определенном этапе вам понадобится переместить созданные с помощью 
инструмента Composer МеЬ-страницы с вашего компьютера Ha УеБ-сервер 
компании, размещающей на сервере ваш сайт. Самый простой способ пере- 
дачи файлов с одного компьютера на другой - с помощью службы FTP. FTP - 
Протокол передачи файлов (File Transfer Protocol). Фактически, это прото- 
кол для передачи файлов между отдаленными компьютерами. Инструмент. 
Composer использует протокол FTP для того, чтобы загрузить файлы с Ba- 
шего компьютера на сервер компании, размещающей на сервере сайт. По- 
этому очень важно, чтобы компания, которую вы выбрали, поддерживала 
доступ к FTP. | 

Практически все компании, размещающие на сервере УеБ-сайты клиентов, 
предоставляют доступ к ЕТР. Единственное, на что необходимо обращать вни- 
мание, - это то, что ряд компаний предлагают бесплатное размещение сайтов 
на сервере (например, GeoCities, www.geocities.com), но требуют, чтобы вы 
ежемесячно вносили плату за доступ к ЕТР. Поэтому убедитесь, что компания, 
услугами которой вы собираетесь воспользоваться, включает доступ к ЕТР, 
чтобы вы могли передать ваши \УеЬ-страницы с Composer на Web-cepsep. 

В табл. 2.1 обобщены понятия, которые мы обсудили выше. 
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Таблица 2.1. Основные понятия, связанные с размещением Web-canTos Ha сервере 


Параметр Описание 


Пространство на диске Компании, размещающие на сервере М/еб-сайты, обычно ограничивают 
| его объем, тем самым ограничивая число Web-ctpaHuu, изображений 
и других файлов, которые вы можете разместить на вашем Web-caiTe. 
Если вы планируете хранить на вашем сайте много крупных изображе- 
ний, то убедитесь, что выбрали компанию, которая предлагает доста- 
точно пространства на диске 


Ежемесячный предел Для того чтобы было проще управлять оплатой за пересылку, компании, 

пересылки размещающие на сервере М/еБ-сайты, обычно накладывают ограничения 
на так называемую полосу пропускания вашего сайта. Для небольших 
сайтов она равна 2 Гб, и этого объема обычно вполне достаточно. 
Однако, если вы собираетесь создать часто посещаемый сайт, убеди- 
тесь, что выбрали компанию, которая предоставит соответствующую 
полосу пропускания 


Доступ по ЕТР-протоколу Чтобы вы могли загрузить Web-ctpaHuubl с Composer на Web-cepsep, 
компания, размещающая на сервере Web-y3nbi, должна предоставить 
доступ к ЕТР-серверам 


Выбор компании, размещающей на сервере 
сайты клиентов 


Пришла пора выбрать компанию-провайдера и подписаться на ее услуги. Ta- 
кие компании обычно берут первоначальный взнос за установку и затем при- 
нимают ежемесячную оплату. 

Большинство крупных ISP предоставляют услуги по размещению Web-cait- 
тов, помимо оплачиваемого интернет-соединения. Поэтому вы можете CHa- 
чала связаться с вашим ISP и узнать, что он может предложить для размеще- 
ния Web-cepsepos!. 

Перед тем как вы подпишете договор с компанией о размещении на сер- 
вере УеБ-сайта, я настоятельно рекомендую вам дважды проверить, предос- 
тавляет ли компания поддержку ЕТР для проекта, на который вы подписы- 
ваетесь. Помните, что доступ к FTP необходим для того, чтобы Composer мог 
загружать У’еЪ-страницы. 


' ВРоссии наиболее известными провайдерами являются РосТелеком, Корбина, GlasNet, PeterLink 
и др. Полный список можно найти по адресу www.friends-partners.com. — Прим. науч. ред. 
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Регистрация имени домена 


В главе 1 уже говорилось о том, что для посещения У/еБ-сайта вам необходимо 
ввести в адресную строку браузера имя домена сайта'. Если вы, например, выб- 
рали www.MyWebSite.com (MyWebSite может быть вашим именем, именем компа- 
нии ит.п.), то вам необходимо зарегистрировать это имя и конфигурировать его 
таким образом, чтобы оно указывало на Web-cepBep компании провайдера. 


Примечание Помните, что вам необязательно связывать имя домена с вашим \У\еБ-сайтом. 
Иначе адрес вашего Web-canta будет слишком громоздким, допустим: ВНр:/ / 
www. WebHostCompanyName.com/ YourWebSiteName. С именем домена, од- 
нако, ваш \У/еБ-сайт будет более доступнее, чем с индивидуальным http:/ / 
www.YourWebSiteName.com. 


Чтобы зарегистрировать имя домена, выполните следующие два шага: 


1. Выберите и купите доступное имя домена. 
2. Конфигурируйте имя домена, чтобы оно давало ссылку на правильный 


Web-canr. 


B следующих двух разделах вы узнаете, как выполнить эти шаги. Они очень 
простые даже для непрофессионалов. 


Совет ’ Если вы боитесь выполнить эти два шага самостоятельно, помните, что боль- 
шинство компаний, размещающих на сервере Web-y3nbi, могут выполнить их 
за вас бесплатно или за минимальную плату. Если вы доверите это професси- 
оналам, просто спросите компанию, размещающую на сервере \/еБ-узлы, 
может ли она зарегистрировать имя домена за вас. 


Выбор и покупка имени домена 


При регистрации имени домена вы можете выбрать только незарегистри- 
рованное имя домена. То есть. вы не можете взять уже существующее имя 


' Существуют имена доменов 1-го, 2-го и 3-го уровней. Чем меньше номер уровня, тем проще будет 
имя вашего сайта. A, следовательно, к нему будет легче обращаться. Каждый интернет-провай- 
дер имеет свой список доменных имен. Причем стоимость уровня тем выше, чем меньше его 


номер. — Прим. науч. ред. 
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домена - например, www.microsoft.com - и зарегистрировать его, чтобы оно 
указывало Ha ваш Web-cant. Итак, первый шаг в ране ВАИИ имени домена — 
это поиск и выбор доступного имени домена. 

Имена доменов можно купить у огромного числа регистраторов имен доме- 
нов. Регистратор имен доменов — это компания, которая санкционирована интер- 
нет-корпорацией по присвоению имен и адресов (ICANN) и таким образом 
имеет право выдавать имена доменов. Доступны десятки таких компаний, они 
отличаются тарифами и качеством предоставляемых услуг. Полный список 
можно найти Ha ВИр:/ /мммлсапп.оге,/ registrars /accredited-list.html’. 


Примечание Когда вы покупаете имя домена, вы покупаете его не полностью. По сути, вы 
просто арендуете имя домена на определенный период времени (от одного 
года до пяти лет). По истечении этого времени вы, как лицо, подающее заяв- 
ление о регистрации имени домена, можете перерегистрировать имя домена 
на следующий период времени или освободить имя домена, вернув его в фонд 
доступных имен. 


Самый распространенный в мире сайт, используемый как регистратор. 
имен доменов, — это Network Solutions (www.networksolutions.com). На время 
написания этой книги регистрация имени домена на год стоила 34,99 долла- 
ров (при регистрации на несколько лет год стоит дешевле). Однако, чтобы 
имя домена можно было зарегистрировать, оно должно быть доступно. Что- 
бы определить, доступно ли имя домена, зайдите на Web-calT любой компа- 
нии-регистратора имен доменов, такой как www.networksolutions.com, 
www.nic.ru/whois. Эти компании обычно имеют на своем У\еБ-сайте окно по- 
иска, позволяющее искать доступные имена доменов. Рис. 2.1 показывает 
главную страницу www.nic.ru/whois. Обратите внимание на текстовое поле, 
которое позволяет вам ввести имя домена вместе с расширением, по кото- 
рому вы хотите осуществлять поиск (.com, .org, .net, .info и т.д.). 

По окончании поиска по имени домена вы узнаете, доступны или нет имена 
доменов. Если доступны, вы можете зарегистрировать их, выбрав период, на 
который вы хотите зарегистрировать имя домена. Если имя домена уже выбра- 
но, будет предложен список похожих имен доменов. Рис. 2.2 показывает страни- 
цу Network Solutions для поиска имени домена по расширениям .com, .org, .net. © 


' Информацию о регистрации через российские pi, Sone см. Ha сайте www.nic.ru/whois. — Прим. 
науч. ред. 
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Информация о домене MYANT.COM (по данным WHOIS. VERISIGN-GRS.COM): 


Whois Server Version 2.0 


Domain names in the .com and .net domains can now be registered 
with many different competing registrars. Go to hrtgp://wus.inte 
for detailed information. 


Domain Name: МУАМТ. СОМ 
Registrar: РУТА ACQUISITION. I, LLC DBA OOODOMAINS.CON 
Whois Server: whois.000domains.com 


Referral URL: bttp://mww. GUOdomains.com 
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Рис. 2.2. Поиск по имени домена и расширениям на странице Network Solutions 
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Registrars 


МИНА Ci cick eh " 


Whois Search Results 


Search again (aero, arpa, .biz, .cat,.com, .coop, .edu, .info, .int, jobs, 
mobi, .museum, .name, net, .org, .pro, or .travel) : 


} 
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$ Domain (ex. internic. net) 
© Registrar (ex. ABC Registrar, Inc.) 
© Nameserver (ex. ns.example.com or 192.16.0,192) 


Whois Server Version 1.3 \ 


Domain names in the .com and .net domains can now be registered 
with many different competing registrars. Go to http://www.internic.net 
for detailed information. 


Domain Name: CREATEWEBSITE.COM 
Registrar: DOMAIN NAME SALES CORP. 
Whois Server: whois.domainnamesales.com 
Referral URL: http://www. domainnamesales.com 
Name Server: М№31.15Х.МЕТ 

Name Server: NS2.15X.NET 

Status: clientTransferProhibited 
Status: clientUpdateProhibited 

Status: clientDeleteProhibited. 

Updated Date: 21-sep-2006 

Creation Date: 08-aug-2001 

Expiration Date: 08-aug-2008 


Чтобы зарегистрировать проверенные имена доменов, просто щелкните 
по кнопке Continue (Продолжить). Вас попросят определить длительность 
периода регистрации имени домена, а также предоставить номер вашей кре- 
дитной карты для оплаты. 


Конфигурирование имени домена 


Иногда в процессе регистрации имени домена вас могут попросить предос- 
тавить [P-adpec для сервера имен, на который будет указывать имя домена. Если 
вы затрудняетесь ответить, спросите у компании, какой ГТР-адрес сервера 
имен использовать. Компания предоставит вам два ГР-адреса, которые вы 
можете ввести как первичный и вторичный адреса сервера имен. (ТР-адрес - 
это номер в виде ХХХ.ХХХ.ХХХ.ХХХ, где ХХХ - это десятичное число от 0 
_ до 255.) 


Примечание Помните, что после регистрации и конфигурирования имя домена официально 
начнет указывать на соответствующий Web-cepsep только через 24-72 часа. 
Это значит, что может пройти несколько дней после регистрации вашего име- 
ни домена, прежде чем кто-либо сможет ввести имя домена в своем Web-6pca- 
узере и посетить ваш Web-canr. 


Совет Помните, что, если вы запутались с регистрацией имени домена и определе- 
нием сервера имен, вы всегда можете попросить вашу компанию-провайдера 
выполнить эти действия за вас. 


К этому моменту вы должны были выбрать провайдера, размещающего на 
сервере У’еБ-сайты, и, возможно, зарегистрировать имя домена. Единствен- 
ное, что осталось научиться делать, — это пересылать, добавлять Web-cTpann- 
цы, изображения и другие файлы на Web-cepsep. Для этого нужно загрузить 
МеЪ-страницы, которые вы создали в Composer, на Web-cepsep. 
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Загрузка \Меь-страниц из редактора 
Composer на свой Web-cant 


Чтобы загрузить У’еЬ-страницы из окна Composer на ваш общедоступный 
Web-caliT, вам сначала необходимо получить кое-какую информацию OT Ba-- . 
шей компании-провайдера. Эта информация обычно отсылается вам по элек- 
тронной почте, когда вы заключаете договор с компанией, и содержит: 


» имя сервера FTP, позволяющее загрузить ваши файлы; 
» ваши имя пользователя и пароль, м возможность получить дос- 
туп к серверу ЕТР. 


Зная эту информацию, вы можете загрузить У’еЬ-страницу из модуля 
Composer на ваш У\еБ-сайт. 

В главах Зи 4 вы используете для создания У\еЪ-сайта два шаблона. Каж- 
дый шаблон состоит из ряда УеЬ-страниц. Когда вы создадите Web-caiit, ис- 
пользуя готовый шаблон, вы переделаете его для своего сайта и затем загру- 
зите измененный шаблон на свой Web-caiit. 

Чтобы попрактиковаться, сейчас вы можете загрузить \УеБ-страницу, ко- 
торую вы создали (и сохранили) в главе 1. Выбрав команду меню Ореп (От- 
крыть) из меню File (Файл), откройте МеЬ-страницу, которую вы создали с 
помощью редактора Composer. 

После того как вы ее откроете, ваш экран должен будет выглядеть так, 
как показано на рис. 2.4. | 

Теперь загрузите эту УеЪ-страницу на ваш Web- сервер. Чтобы это сделать, 
обратитесь к меню File и выберите И меню Publish (Опубликовать) — 
рис. 2.5. 

Это действие приведет к открытию диалогового окна Publish Page (Опуб- 
ликовать страницу). Диалоговое окно Publish Page имеет две вкладки: 
Publish (Опубликовать) и Settings (Параметры). При публикации страницы 
на общедоступном Уе-сайте в первый раз вы попадете на вкладку Settings 
(показана на рис. 2.6). В ней вас попросят указать имя Web-calita, его сервер. 
FTP, МеБ-адрес и информацию о регистрации (имя пользователя и пароль). 

В текстовом поле Publishing address (Опубликование адреса) введите 
имя сервера ЕТБ которое вам предоставил ваш провайдер. В текстовом поле 
HTTP address (HTTP адрес) вашей домашней страницы введите URL вашего 
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= File Edit View Insert fom Table Tools Window Debug tie 


Привет, это моя личная \У\еБ-страница. Меня зовут Макс. 


Обо мне 

Мне 35 лет, ияживу в России. 

Моя работа 

Я тренер по фигурному катанию. У меня уже есть ученики — чемпионы России. 
Я занимался фигурным катанием с 8 лет. 


/ 


О моей семье 
Я женат. Мою жену зовут Марина. 
Дети 
У нас 3 чудных детей: Кристина, Глеб и 
Петя. Кристина уже школьница, Глеб и Петя еще дошкольники. 


Увлечения 


| _Мое хобби — это моя работа. А еще я люблю путешествовать. Каждой весной 
f | мы ходим в горы. 


Рис. 2.4. Первая Web-ctpaHuua, которую мы создали в главе 1 


Open Web Location... 
Open File... 
Recent Pages 
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аница. Меня зовут Макс. 


i Save As... 
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| У меня уже есть ученики — чемпионы России. 
Ac 8 лет. 


Export to Text... 
Browse Page 


Send Page... 
Page Setup... 


a. У Hac 3 чудных детей: Кристина, Глеб и 


Print... ; Ctrl+P 


Exit Ctrl+Q 


\леб и Петя еще дошкольники. 


Увлечения 
Мое хобби — это моя работа. А еще я люблю путешествовать. ся весной 
мы ходим в горы. 


Рис. 2.5. Чтобы загрузить Web-ctpaHuuy, выберите в меню File пункт Publish 


Загрузка У/еБ-страниц из редактора Composer na свой УеЪ-сайт 


У\еЬ-сайта. В текстовых полях User name (Имя пользователя) и Password — 
(Пароль) введите ваше имя пользователя и пароль, которые вам были даны и. 
для получения доступа к серверу FTP. После того как вы один раз введете эт 
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Когда вы введете необходимую информацию на вкладке Settings, перей- 
дите на вкладку Publish. Эта вкладка (рис. 2.8) позволяет выбрать название 
М/еЪ-страницы и требует, чтобы вы определили для нее имя файла. Помните 
из главы 1, что Web-crpaHuubl обычно хранятся как файлы на Web-cepBepe? 
Поэтому вам необходимо предоставить имя файла для этой УеЪ-страницы. 


е.9.: "Му Web Page” 
е.9,: "mypage. html” 


Site subdirectory for this page: 


я 
а о ee 


©) Use same location as раде 


Рис. 2.8. В диалоговом окне Publish Раде вкладки Publish выберите 
название М/еБ-страницы и имя файла 
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Личная страница Макса, Вт 


Рис. 2.9. Web-ctpaHuua Макса успешно загружена 


Для страниц, которые вы будете создавать при чтении этой книги, выбирай- 
те расширения „Вит или .html. 


Примечание Помните из главы 1, что при посещении У/еЬ-страницы ее название появляет- 
ся в строке заголовка Web-6pay3epa? 


Указав название и имя файла, щелкните по кнопке Publish (Опублико-_ 
вать). Откроется диалоговое окно Publishing (Опубликование), сообщаю- 
щее о состоянии загрузки УеЪ-страницы. Рис. 2.9 показывает диалоговое 
окно Publishing после того, как файл был успешно загружен. 


Примечание Если при попытке опубликовать \У\еЬ-страницу вы столкнетесь с ошибкой, она 
может быть связана с неправильным именем сервера FTP или недействитель- 
ными параметрами регистрации. Воспользуйтесь меню File, выберите в нем 
команду Publish As (Опубликовать как) и заново введите место размещения 
FTP и параметры FTP на вкладке Settings. Если проблемы все равно возника- 
ют, свяжитесь с вашим провайдером для получения помощи. 


После Toro как вы загрузите МеЪ-страницу, вы сможете посетить Web- 
страницу из окна У\еБ-браузера. Чтобы это сделать, введите в адресной стро- 
ке Web-Opaysepa URL Web-calita - или имя домена, если оно есть, или URL, 
предоставленный компанией-провайдером (например, http: //www.webhosting- 
сотрапу.сот/ УопгУеь$ це). За URL последует имя \УеЬ-страницы, которую 
вы загрузили. Итак, чтобы посетить, например, У\УеЬ-страницу Макса, имя ко- 
торой Личная страница Maxca.html, вы можете ввести ее адрес http://www. Your- 
РоташМате.сот/ Личная страница Maxca.html или Вир://ммм.Имя домена/ 
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Привет, это моя личная У\еБ-страница. Меня зовут Макс. 


Обо мне 

Мне 35 лет, ияживу в России. 

Моя работа 

Я тренер по фигурному катанию. У меня уже есть ученики — чемпионы России. 
Я занимался фигурным катанием с $ лет. 


О моей семье 

Я женат. Мою жену зовут Марина. 

Дети 

У нас 3 чудных детей: Кристина, Глеб и 

Петя. Кристина уже школьница, Глеб и Петя еще дошкольники. 


Увлечения 
Мое хобби — это моя работа. А еще я люблю путешествовать. Каждой весной 
мы ходим в горы. 


Питомцы 
В нашей семье еще есть пес Тимур, кошка Маркиза, попугай Гарольд. 


* 


интернет-соединение! 


YourWebSite/JImunHaa страница Maxca.html. Рис. 2.10 показывает вид окна 
после успешной загрузки У’еЬ-страницы Макса на Web-caiit. 


` 


Рис. 2.10. ММеб-сайт Максатеперь доступен в Интернете, и его может просмотреть любой, у кого есть 
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Создание \еБ-сайта по шаблону 


При создании своего Web-calita вам нужно переделать шаблонные страницы 
с сайта www.ntpress.ru/5477002921sozdaysvoyweb-sayt.php под определенное 
содержание вашего сайта. В главах 3 и 4 даются советы по модифицированию 
этих шаблонов. Сейчас важно понять, как в принципе можно изменить шаб- 
лон с сайта. 

`Сначала нужно скопировать файлы с шаблонами с сайта на жесткий диск 
вашего компьютера. Затем вы сможете использовать редактор Composer, 
чтобы изменить каждый файл шаблона и сохранить изменения. Также вы 
можете включить в ваш сайт дополнительные страницы. 
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Итак, чтобы создать УеЬ-сайт по шаблону, вам необходимо выполнить 
следующие шаги: 


1. Создайте новую папку на жестком диске вашего компьютера. 

2. Скопируйте все файлы с шаблонами в папку, созданную в шаге 1. 

3. Запустите редактор HTML Composer. Для этого откройте браузер Mozilla 
и в меню Window выберите команду Composer. 

4. Откройте файлы с шаблонами, скопированные в папку в шаге 2. Вы так- 
же можете добавить новую У!еЪ-страницу, основанную на шаблоне, к ва- 
шему сайту, создав ее в Composer. 

5. Переделайте содержание файла с шаблоном под ваш Web-caiit. 

6. Сохраните изменения, сделанные в файле с шаблонами. 


Повторите шаги 4-6 для каждого из файлов в шаблоне. После Toro как вы 
настроите и сохраните каждую из страниц в шаблоне, вы сможете опублико- 
вать Web-cait на Web-cepsepe. Процесс опубликования описан в конце каж- 
дой из последующих глав. 


Примечание В главах 5-7 вы узнаете, как использовать существующие прикладные Web- 
программы, чтобы продавать товары, публиковать информацию и осуществлять 
совместное использование фотографий в сети Интернет. Для этих глав вам не 
понадобится передавать страницы с помощью: службы FTP на Web-cepsep, так 
как страницы будут автоматически созданы и размещены провайдером услу- 
ги прикладной Web-nporpamotl. 
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В этой главе вы узнали, какие шаги необходимы для того, чтобы создать Web- 
сайт: | | | 


_»Х выбор провайдера, размещающего на сервере МеЪ-сайты; 
» регистрация имени домена (необязательно); 
» загрузка МеЬ-страниц. из редактора Composer на Web-cepsep. 


Как обсуждалось, существуют многочисленные провайдеры, размещающие 
на сервере У/еБ-сайты, из которых вы можете выбирать и которые различают- 
ся по ценам, качеству услуг и предлагаемых функций. В Интернете существуют 
такие сайты, Kak: TopHosts.com и HostIndex.com, которые выполняют роль 
поисковых служб, с помощью которых можно найти провайдеров, размещаю- 
щих на сервере УеБ`узлы. Для русскоязычных пользователей также существу- 
ют хорошо известные поисковые сайты - Yandex, Апорт, Google, с помощью 
которых можно. найти провайдеров для вашего региона. Вместо того чтобы 
использовать отдельную компанию, размещающую на сервере. У/еБ-сайты, уз- 
найте; может ли ваш интернет-провайдер (ISP) предоставить размещение сай- 
та на сервере бесплатно. При выборе компании убедитесь, что пространство’ 
на диске и ежемесячный предел пересылки данных отвечают требовани- 
ям вашего сайта, а также предоставляется ЕТР-доступ. 

Выбрав компанию для размещения вашего Web-calita, вы можете зарегистри- 
ровать имя домена, чтобы дать вашему Web-cality индивидуальное, запоминающе- 
_ еся имя, например www.YourWebSite.com. Имя домена можно арендовать на срок 
от одного года до десяти лет с помощью регистратора имен доменов, такого как 
Network Solutions. При регистрации имени домена вам нужно знать [Р-адрес сер- 
вера вашей компании, размещающей на сервере УеБсайты. Эта информация свя- 
зывает имя вашего домена с Web-calitom. (Чтобы получить информацию об этом 
процессе, обратитесь к разделу «Как работает Интернет» в главе 8). 

После Toro как вы выберете компанию, размещающую на сервере Web- 
сайты, вы сможете загрузить ваши У\еЬ-страницы Ha Web-caiiT, чтобы каж- 
дый, у кого есть доступ к Интернету, мог их просмотреть. 

Если, читая книгу, вы следовали указаниям по поиску провайдера, разме- 
щающего на сервере УеЪ-сайты, и по регистрации имени домена и загрузке 
файлов, то сейчас у вас должен быть общедоступный У’еБ-сайт, который мо- 
жет посетить любой человек, у которого есть доступ в Интернет. 

Теперь вы можете начать создавать свой Web-canT. В тлавах 3 и 4 описаны 
различные шаблоны, которые вы можете легко и быстро изменять, чтобы 
создавать различные типы У/еЬ-сайтов. 


5. Создание 
семеиного/лерсонального 
Web-canta 


В первых двух главах книги вы познакомились с основными частями, из кото- 
рых состоит Web-calit, и узнали, как создавать простые УеБ-страницы с помо- 
щью редактора Composer. Теперь можно перейти к созданию полного Web-cait- 
та. Хотя вы можете создать Web-caiiT с нуля, намного проще и быстрее начать 
работать с шаблоном Web-caiita. Шаблон У’еБ-сайта, часто называемый просто 
шаблоном, - это ряд общих, предварительно скомпонованных УеЪ-страниц, 
которые легко можно изменить, чтобы получить определенный сайт. 

При разработке УеЪ-сайтов дизайнеры обычно начинают с соответству- 
ющего шаблона и затем определенным образом его меняют. В этой книге 
представлено четыре шаблона. Начнем с шаблона для семейного/персональ- 
ного У\еБ-сайта. 


Из чего состоит 
семейный/персональный шаблон 


Друзья и члены семьи в наши дни часто бывают разбросаны по стране или 
по всему миру. К счастью, держать всю семью и друзей в курсе всего, что про- 
исходит в вашей жизни, стало намного проще благодаря возможности созда- 
ния семейных/ персональных У’еЬ-сайтов, которые предоставляют членам 
семьи и друзьям информацию о вашей жизни. Большинство таких УеБ-сайтов 
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_ имеют общие элементы: например, семейные фотографии или снимки чело- 
_ века, которому посвящен Web-caiit, список недавних событий и предстоящие 
| важные события, такие как годовщины или дни рождения. 

На рис. 3.1 показан шаблон семейного/ персонального Web-calita, пред- 
ставленный на сайте www.ntpress.ru/ 547700292 lsozdaysvoyweb-sayt.php. Он со- 
держит следующие страницы: 
ae » домашнюю страницу с кратким описанием сайта и ссылки на другие Web- 

страницы; 

» страницу с фотографиями; 

»> страницу с недавними новостями, на которой описаны последние со- 
| бытия; 

в. » список рецептов любимых семейных блюд. 
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Рис. 3.1. Шаблон семейного /персонального Web-cauta 
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В этой главе вы узнаете, как можно изменить семейный / персональный 
шаблон: достаточно просто взять готовый шаблон и изменить его общий вид, а 
также добавить и удалить определенную информацию. Например, страницы, 
представленные в шаблоне, являются одними из немногих, которые вы мо- 
жете добавить к вашему семейному/ персональному Web-cality. Остальные ва- 
рианты страниц могут включать: | 


» описание спортивных достижений детей; 

> информацию о детских занятиях после школы, таких как спортивные 
мероприятия или дискуссии; 

> любую другую информацию, которая, как вы считаете, может интересо- 
вать ваших друзей и семью. 


В следующем разделе вы увидите, насколько просто добавлять новые стра- 
.‚ ницы к Web-caiity. | | | 

Перед тем как вы начнете настраивать шаблон, вам нужно понять, как 
работать с файлами шаблонов. По сути, вам нужно скопировать файлы шаб- 
лонов с ‘сайта wWww.ntpress.ru на жесткий диск вашего компьютера. 

В конце главы содержится материал о том, как опубликовать \УеЪ-сайт, пос- 
ле того как вы измените шаблон. Публикация Web-caiira включает копирова- 
ние Web-crpaHuy с вашего компьютера на компьютер \УеБ-сервера, на KOTO- 
ром будет размещаться ваш. У/еБ-сайт. Как увидите, в редакторе Composer 
этот процесс происходит очень просто. 


Настройка шаблона 


Шаблон семейного/ персонального Web-calita, показанный на рис. 3.1, предо- 
ставляет У’еЬ-страницы, которые вы можете легко добавить и настроить, 
чтобы создать свой уникальный семейный / персональный МеБ-сайт. Если вам 
нравится вид шаблона, все, что вам остается сделать, - это наполнить шаб- 
лон содержанием, замещая существующий текст текстом, который имеет 
отношение к вам и вашей семье, а изображение в верхнем левом углу изобра- 
жением по вашему выбору. 


Примечание Помните, что для настройки шаблона вам необходимо скопировать файлы 
шаблонов с сайта на жесткий диск вашего компьютера. Раздел «Создание 
\У\еБ-сайта по шаблону» в главе 2 предоставляет более подробную информа- 
цию по этому вопросу. 
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Возможно, вы пожелаете изменить определенные аспекты шаблона. На- 
пример, заменить шрифт шаблона, или текст, или цвета фона или же захоти- 
те добавить дополнительные УеЪ-страницы к шаблону, перечисляющие важ- 
ные даты (годовщины, дни рождения и т.д.). При необходимости вы можете 
удалить какие-то УеБ-страницы из шаблона; возможно, вам не нужна страни- 
ца с рецептами. 

К счастью, Сотрозег делает настройку шаблона в любом из этих направ- 
лений быстрой, интересной и легкой. В этом разделе мы будем изучать мно- 
гочисленные способы изменения шаблона. Работая .с файлами шаблонов, 
помните о следующем: 


> редактор Composer похож на программу по обработке текста. Если вы 
хотите изменить Web-cTpaHully, расположив определенный текст по 
центру, например, просто выберите этот текст и щелкните по кнопке 
Center (По центру) на панели инструментов, так же как и в документе 
Microsoft Word; 

» не бойтесь экспериментировать! Помните, что, так как вы работаете с 
файлами шаблонов, расположенными на жестком диске вашего компью- 
тера, не важно, что вы будете делать, вы не можете непоправимо ис- 
портить шаблон. У вас есть первоначальная копия файлов шаблонов 
Web-calita, которую при необходимости вы сможете снова скопировать 
на ваш компьютер. 


Как же использовать Composer для настройки шаблона семейного/ персо- 
нального УеЪ-сайта? 


Изменение верхнего левого изображения 


Каждая страница шаблона семейного/ персонального Web-calita содержит 
изображение в верхнем левом углу. Взамен этого изображения вы можете 
добавить свое, например собственную фотографию, портрет вашей семьи 
или вашего питомца. Чтобы заменить фотографию в шаблоне фотографией, 
сделанной вами, вам понадобится фотография с вашего жесткого диска. 
В разделе «Настройка страницы семейных фотографий» вы узнаете, как по- 
местить ваши снимки и фотографии вашей семьи в компьютер, чтобы иметь 
возможность добавить их к страницам вашего Web-calita. 

Чтобы изменить изображение в верхнем левом углу шаблона страницы, 
сначала скопируйте изображение, которым вы хотите его заменить, в ту же 
папку, в которую вы копировали файлы шаблонов Web-calita. Затем запусти- 
Te Composer, если он еще не запущен. | 


(Помните, что для этого вам необходимо запустить Web-6pay3ep Mozilla, 
открыть меню Window и выбрать команду Composer.) Затем откройте файл 
первой (домашней) страницы шаблона, index.html, в окне редактора Composer. 
Для этого либо щелкните по кнопке Ореп (Открыть) на панели инструмен- 
тов, либо откройте меню File и выберите команду Open. 

После того как вы откроете страницу index.html в окне Composer, ваш 
экран должен выглядеть так же, как показано на рис. 3.2. 
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информацию о семье Mitchell - Скотте, Джусин и собаке по кличке Сэм, На нашем 
‚сайте вы найдете семейные фото, последние новости, события и некоторые 
‚любимые рецепты блюд! ____ 
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Рис. 3.2. Файл index.htm! был открыт спомощью редактора Composer 


Чтобы заменить изображение из шаблона на изображение, сделанное 
вами, откройте диалоговое окно Image Properties (Свойства изображения). 
Замену можно осуществить несколькими способами: щелкнув правой кноп- 
кой мыши по изображению и выбрав команду меню Image Properties; дваж- 
‚ды щелкнув в области изображения; щелкнув по изображению и затем по 
кнопке Image (Изображение) на панели инструментов. В результате приме- 
нения любого из этих методов откроется диалоговое окно Image Properties 
(рис. 3.3), с помощью которого вы можете настроить информацию отобра- 
жаемого изображения. 
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URL is relati 


Tooltip: 


С} Don't use alternate text 


Рис. 3.3. Настройте изображение спомощью диалогового окна Image Properties 


Следующий раздел ознакомит вас с четырьмя вкладками диалогового окна 
Image Properties и объяснит, как заменить предложенное изображение на 
_ ваше собственное. Помните, что это необходимо сделать на всех У’еЬ-стра- 
ницах шаблона семейного / индивидуального Web-canta. 
Диалоговое окно Image Properties содержит четыре вкладки: Location (Рас- 
положение), Dimensions (Размеры), Appearance (Вид) и Link (Ссылка). Эти 
вкладки ‘содержат параметры, с помощью которых можно изменить свойства 
выбранного изображения. Давайте рассмотрим каждую из вкладок по порядку. 
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Вкладка Location 


Вкладка Location, показанная на рис. 3.3, позволяет вам выбрать файл, KOTO- 
рый нужно отобразить. Чтобы заменить изображение моей собаки, располо- 
женное в верхнем левом углу, изображением, сделанным вами, щелкните по 
кнопке Choose File (Выбрать файл) и выберите изображение, которое вы 
хотите отобразить. После того как вы это сделаете, в нижнем левом углу 
диалогового окна Image Properties появится маленькое окно предваритель- 
ного просмотра выбранного изображения. 
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Внимание Убедитесь, что выбранный файл с изображением находится в той же папке, 
что и файл шаблона \У№еЬ-страницы. В противном случае сначала скопируйте 
его в ту же директорию, в которой вы сохранили файлы шаблона У\еБ-страни- 
цы. Также убедитесь в том, что флажок в поле URL is relative to page location 
(URL указывает на расположение страницы) установлен. 
В разделе «Публикация семейного/ персонального \\!еБ-сайта» мы объясним, 
почему важно сохранять файл с изображением именно в этой папке и почему 
должен быть установлен флажок. 


На вкладке Location вы можете также добавить текст (подпись) к рисун- 
ку, установив переключатель в положение Alternate text (Подрисуночная 
подпись). Этот текст важен для посетителей, которые используют тексто- 
вые браузеры или настроили свои браузеры так, чтобы они не показывали 
изображения. На самом деле в эту категорию попадает незначительное коли- 
чество Web-cepdepos, поэтому вы можете не писать никаких подрисуноч- 
ных подписей. Если вы решили не предоставлять подрисуночную подпись, 
убедитесь, что переключатель установлен в положение Don’t use alternate 
text (Не использовать подрисуночную подпись). 


нс 'Если вы не предоставили подрисуночной подписи и оставили выбранным пе- 
реключатель Alternative Text, то, когда вы щелкнете по кнопке ОК в диало- 
говом окне Image Properties, вы увидите предупреждение. 


Вкладка Dimensions 


Следующая вкладка, Dimensions (Размеры), позволяет вам настроить шири- 
ну и высоту изображения. Как показывает рис. 3.5, вкладка Dimensions име- 
ет два переключателя: Actual size (Действительный размер) и Custom size 
(Измененный размер). Если вы оставите выбранным переключатель Actual 
size, изображение будет отображено в реальном размере. Если вы выберете 
Custom size, вы сможете определить размер изображения либо в пикселях, 
либо в процентах от размера окна Web-Opaysepa. 

Фотография отмасштабирована до размеров 170 (ширина) на 166 (высота) 
пикселей. Как показано в области предварительного просмотра внизу диало- 
гового окна на рис. 3.5, реальный размер изображения - 321X313 пикселей. 

Часто масштаб изображения изменяется, чтобы изображение хорошо 
смотрелось на странице. Полномасштабное цифровое фото слишком велико 
и плохо размещается на УеЪ-странице, поэтому его отмасштабировали до 
170х 166 пикселей. При самостоятельном масштабировании изображений 
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© Actual Size 
@) Custom Size Constrain 


Puc. 3.5. На вкладке Dimensions можно настроить размер изображения 


убедитесь, что вы установили флажок в поле Constrain (Сохранение пропор-_ 
ций). Если не поставить этот флажок, то соотношение между измененными 
шириной и высотой останется таким же, как у исходного изображения. 

Оставляя флажок, вы гарантируете, что изменение размеров вашего изоб- 
ражения не приведет к тому, что оно станет слишком широким или слишком 
узким. 

При добавлении собственного изображения отмасштабируйте его так, 
чтобы оно было по меньшей мере 166 пикселей в высоту. Семейный/ персо- 
нальный У’еЪ-сайт был разработан для того, чтобы точно отображать изоб- 
ражения высотой 166 пикселей. Если вы оставите изображение ниже 166 
пикселей, то под ним будет отображаться белое пространство. Когда вы бу- 
дете добавлять свое изображение, мы рекомендуем вам: 


1. Выбрать переключатель Custom size. 
2. Установить флажок в поле Constrain. 
3. В качестве высоты ввести число 166. 


Примечание Помните, что установка размера изображения, меньшего, чем его исходный 
размер на вкладке Dimensions, только предопределяет браузеру отображать 
изображение с определенным размером. Установка размера изображения, 
меньшего, чем исходный размер, не уменьшает размер файла изображения. 
Если вы хотите уменьшить размер файла изображения, вам необходимо ис- 
пользовать приемы изменения размера, которые описываются в разделе «Из- 
менение размера цифровых изображений» в главе 8. | 
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Вкладка Appearance 


Вкладка Appearance, показанная Ha рис. 3.6, позволяет вам задавать конфигу- 
рацию того, как изображение будет смотреться в тексте. Область Spacing 
(Интервал) позволяет вам определить, какое расстояние должно быть меж- 
ду левым, правым, верхним и нижним краями изображения и текстом, распо- 
ложенным вокруг изображения. Текстовое окно Solid Border (Сплошная 
граница) позволяет вам обозначить, нужна ли изображению граница, и, если 
нужна, какой она должна быть ширины в пикселях. 


Left and Right: | ; pixels 


| Тор and Bottom: | ый pixels 
: Solid Border: 


Puc. 3.6. Вкладка Appearance определяет, как должны сосуществовать текст и изображение 


Помимо этого вы можете выбрать тип выравнивания текста по отноше- 
нию к изображению. Текст можно расположить под изображением, по цент- 
ру или над ним. Либо изображение может располагаться так, чтобы текст был 
вокруг него, слева и справа. Для семейного/ персонального Web-caiita я ре- 
комендую не изменять параметры на вкладке Appearance, так как шаблон 
был орон так, чтобы aie sa изображения не было ое ная 
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Вкладка Link 


Последняя вкладка, Link (Ссылка), позволяет вам установить гиперссылку 
для изображения. То есть вы можете обозначить места, щелкая по которым 
пользователь сможет переместиться на определенный URL. Вид вкладки 
Link показан на рис. 3.8. 


Enter а web page location, а local Ме, or select a Named Anchor ог 
Heading From the popup list: 


Puc. 3.8. Используйте вкладку Link, чтобы связать изображение садресом URL 


В табл. 3.1 обобщена информация о настройках, которые можно задать в 
диалоговом окне Image Properties. 


Таблица 3.1. Основная информация о вкладках диалогового окна Image Properties 


Вкладка Описание 


Location (Расположение) Выберите изображение, которое вы хотите отобразить, из вкладки 
Location. Вы можете предоставить строку-подсказку, которая будет 
появляться, когда посетитель будет водить указателем мыши по вашему 
изображению. Также вкладка Location позволяет создать подрисуночную 

/ подпись (Alternate text), которая отображается на месте изображения 
для тех посетителей, браузеры которых не поддерживают изображения 


Dimensions (Описание) На вкладке Dimensions вы можете задать определенную высоту 
и ширину для изображения 


Appearance (Внешний вид) Вкладка Appearance позволяет вам установить, какое расстояние должно 
быть вокруг изображения (если должно быть), а также определить рас- 
положение текста относительно изображения 


Link (Ссылка) Вы можете конфигурировать ваше изображение так, чтобы, когда 
посетитель щелкал по нему, он перемещался на другую \М/еБ-страницу. 
Если вы хотите использовать эту функцию, на вкладке Link введите 
URL, на который будет отправляться пользователь 


икашаблона = 77 


Acro 


Удаление изображения 


Возможно, некоторые создатели сайтов захотят, чтобы изображений на их 
сайте не было вообще. Удалить изображения из шаблона очень легко. Про- 
сто щелкните по нему правой кнопкой мыши и выберите команду в контек- 
CTHOM меню Delete (Удалить).. 


Изменение шрифта 


Текст в шаблонах УеЪ-страниц оформлен шрифтом Verdana. Сделав следую- 
щие действия, вы легко можете изменить шрифт любого текста в Composer: 


1. Выделите текст, шрифт которого вы хотите изменить. Самый простой 
способ это сделать - поместить мышь в начале текста, который вы хо- 
тите выделить, и, удерживая нажатой кнопку мыши, перетаскивать ука- 
затель мыши до тех пор, пока весь текст, который вы хотите изменить, 
не будет выбран. 

2. Когда текст будет выбран, перейдите в 
меню Format (Формат). Выберите команду 
меню Font (Шрифт), а затем шрифт из 
списка. 


С помощью меню Format вы также можете 
изменить другие свойства текста - такие, как 
его цвет и стиль. Например, представьте, что 
вы хотите изменить цвет переднего плана заго- 
ловка текста УеЪ-страницы. (Заглавный текст 
домашней страницы - «Добро пожаловать на 
Web-caiir семьи!» - оформлен бирюзовым цве- 
том.) Чтобы изменить цвет этого текста, ска- 
жем, на красный, вам сначала нужно выбрать 
текст, затем открыть меню Format и выбрать. 
команду меню Text Color (Цвет текста). Откро- 
ется одноименное диалоговое окно (рис. 3.9), в 
котором вы сможете выбрать новый цвет текста. 

Чтобы сделать шрифт полужирным, курсивным или подчеркнутым, снача- 
ла выберите текст, а затем откройте подменю Text Style (Стиль текста), ко- 
торое находится в меню Format. В нем вы найдете различные функции фор- 
матирования. 


Рис.'3.9. В диалоговом окне Text 
Соогвыберите цветтекста 


персонального УМе-сайта 


Совет Чтобы сделать выбранный текст полужирным, курсивным или подчеркнутым, 
| вы можете щелкнуть по соответствующим кнопкам В, |1 и U, расположенным 
на панели инструментов. 


Добавление и удаление страниц из шаблона 


Шаблон семейного / персонального Web-calita содержит четыре Web-crpanu- 
цы: домашнюю страницу, страницу с семейными фотографиями, страницу с 
недавно произошедшими событиями и страницу с любимыми рецептами. Как 
мы говорили ранее, вы можете добавить или удалить любые страницы. 

Удаление с сайта означает просто удаление из других УеЪ-страниц ссылки 
на страницу, которую вы хотите убрать. Например, представьте, что вы не 
хотите, чтобы на вашем семейном/ персональном Web-caiite была страница 
с любимыми рецептами. Чтобы ее убрать, необходимо открыть домашнюю 
страницу, страницу с семейными фотографиями и страницу с недавно про- 
изошедшими событиями в Composer и удалить из них ссылку на страницу 
Любимые рецепты. Для этого просто выделите текст ссылки и нажмите кла- 
Bully Delete (Удалить). | 


Примечание Помните, что вам понадобится удалить все ссылки на страницу, которую вы 
хотите убрать. Убедитесь, что вы это сделали. 


Чтобы добавить новую страницу к шаблону, вам нужно создать новую стра- 
ницу, которая будет выглядеть аналогично другим страницам в шаблоне. Для 
создания новой \УеБ-страницы воспользуйтесь любым из двух способов: 


» создайте новую Web-crpanuiy в Composer, а затем скопируйте и вставь- 
те все содержание страницы шаблона в новую страницу; 

» откройте меню File и выберите команду меню Save As (Сохранить как), 
которая позволяет сохранить существующий шаблон УеБ-страницы под 
другим именем файла. 


После Toro как вы создадите новую УеЪ-страницу, вы можете исправить 
содержание страницы, если это необходимо. 
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Например, если вы добавили дополнительную страницу, в которой перечис- 
лены важные для вашей семьи даты, содержание этой страницы должно вклю- 
чать даты и их значение (годовщины, дни рождения, даты окончания учебных 
заведений и т.д.). После того как вы создадите текст для этой страницы, со- 
храните ее, открыв меню File и выбрав команду меню Save (Сохранить). 

_ Следующим шагом будет добавление в созданную У’еЬ-страницу ссылок на 
все остальные УеЪ-страницы сайта. Как показано на рис. 3.1, каждая страни- 
_ ца имеет в верхней части ряд ссылок. Вам необходимо добавить на всех стра- 
_ ницах ссылку на только что созданную страницу. 

Для того чтобы добавить ссылку, щелкните в нужном месте, например 
между ссылками Семейные фотографии и Недавние события. Затем введите 
текст ссылки, например Важные даты, с интервалом, который использовал- 
ся в качестве разделительного между ссылками. 

Последний шаг - связывание текста, который вы только что ввели, с HO- 
вой \У\еБ-страницей, которую вы только что создали. Чтобы это сделать, вы- 
берите текст, который только что добавили, откройте меню Insert (Встав- 
ка) и выберите в нем команду Link (Ссылка). Откроется диалоговое окно 
Link Properties (Параметры ссылки), которое показано на рис. 3.11. 

_С помощью открывшегося диалогового окна выберите файл, к которому 
будет перемещаться пользователь, щелкая по ссылке. Так как эта ссылка долж- 
на перемещать пользователя на только что созданную страницу, щелкните по 
кнопке Choose File и выберите эту страницу. И наконец, щелкните по кнопке 
ОК, чтобы создать гиперссылку на только что созданную страницу. 
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| Advanced Ecit 


Рис. 3.11. Спомощью кнопки Choose File выберите страницу, Ha которую нужно сделать ссылку 


Примечание Не забудьте добавить ссылку на только что созданную страницу во все Web- 
страницы сайта. Если не будет ссылок на новую страницу, то посетитель не 
сможет на нее попасть, пока не введет вручную ее URL в адресной строке ‹ 
Web-6pay3epa. 


Настройка страницы с семейными 
фотографиями 


Хотя семейные/персональные У\еЬ-сайты отлично подходят для описания 
недавно произошедших событий, рецептов и важных дат, больше всего в 
таких типах сайтов привлекают семейные фотографии. Имея цифровой фо- 
тоаппарат и сканер, очень просто предоставить для совместного использо- 
вания фотографии вашей семьи, питомцев, сделанные при встречах с орла 
ми и семьей или, например, в отпуске. 

Шаблон семейного/ персонального Web-calita содержит страницу Семей-_ 
ные фотографии, которую вы сможете совместно использовать с окружаю- 
щими для просмотра фотографий вашей семьи. 

Чтобы начать размещать свои цифровые фотографии в режиме онлайн, 
вам понадобятся фотографии в цифровом формате. Если у вас есть цифро- 
вой фотоаппарат, фотографии, сохраненные в нем, уже имеют необходимый 
_ формат. Если вы хотите разместить в Интернете фотографии, сделанные с 

‚ негативов, вам придется выполнить несколько операций. Если фотография 
уже существует, воспользуйтесь сканером. 
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| 


ини Сканер - это оборудование, в которое закладываются бумаги, фотографии и 
другие плоские документы, с которых снимается цифровая копия. Сканеры как 
копировальные машины, но вместо того, чтобы выдавать напечатанную копию 
отсканированного документа, сканер сохраняет изображение в компьютере. 
Сканеры можно приобрести во многих магазинах компьютерной техники, а 
цены на них варьируются от 50 до 500 долларов. 


‚ Если у вас есть фотографии, которые нужно еще печатать, то вы можете 
получить фотографии сразу в цифровом виде. 

Рис. 3.12 показывает пример страницы Семейные фотографии, содержа- 
щей коллажи изображений. Каждое изображение.было добавлено с помощью 
команды Image (Изображение) из меню Insert. Когда вы выбираете эту команду, 


| открывается диалоговое окно Image Properties (Свойства изображения), содер- 


жимое которого можно увидеть на рис. 3.3, 3.5, 3.6 и 3.8. В этом окне можно 
выбрать изображение, которое вы хотите отобразить, и отмасштабировать его 


емейные фото 


Фотографии Сэма 


Фотографии из 


Рис. 3.12. Страница Семейные фотографии при просмотре в Composer 
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соответствующим образом. (Все изображения, показанные на странице Се- 
мейные фотографии, например, отмасштабированы так, чтобы они не были 
больше 200 пикселей в высоту и 200 пикселей в ширину.) | 

В следующем разделе вы узнаете, как добавить необходимые изображения 
к странице Семейные фотографии. Однако сначала вам придется удалить 
образцы фотографий, включенные в шаблон. Для этого откройте страницу 
Семейные фотографии в Composer и выберите изображение(я), которое вы 
хотите удалить. Удалите выбранное изображение(я), нажав клавишу Delete 
или открыв меню Edit и выбрав в нем команду Delete. 


Добавление новых изображений 


Для добавления новых изображений к УеБ-странице Семейные фотографии 
‘нужно выполнить два шага: 


1. Скопировать изображения с вашего цифрового фотоаппарата или ска- 
Hepa в ту же папку, куда вы скопировали шаблон У\еЪ-страниц.. 

2. Вставить изображения на страницу с помощью команды Image из меню 
Insert. 


Процесс копирования файлов с вашего цифрового фотоаппарата или скане- 
ра зависит от имеющейся у вас модели фотоаппарата или сканера, поэтому вам 
придется воспользоваться инструкциями к ним, чтобы выполнить шаг 1. Если 
_ ваши негативы уже оцифрованы и записаны на СО-диск, то вам просто необхо- 
димо скопировать изображения с вашего диска в соответствующую папку. 

После того как изображения будут скопированы, откройте страницу Се- 
мейные фотографии в окне редактора Composer. Чтобы вставить изображе- 
ние, откройте меню Insert и выберите в нем команду Image (или щелкните 
по кнопке Image, расположенной на панели инструментов). 

На вкладке Location (см. рис. 3.3) щелкните по кнопке Choose File (Выб- 
рать файл) и выберите файл с изображением, которое вы хотите отобразить. 
На вкладке Dimensions (см. рис. 3.5) вы можете отмасштабировать высоту и 
ширину изображения. 

Как видно из рис. 3.12, вы можете располагать изображения одно’около 
другого или одно под другим. Чтобы расположить изображения одно рядом 
с другим, просто вставляйте изображения по очереди. Чтобы оставить не- 
много пространства между изображениями, используйте клавишу пробела. 
‘Чтобы изображение появилось в следующей строке, нажимайте клавишу 
Enter (Ввод). Вы также можете создать интервалы вокруг верхнего, нижне- 
го, правого и левого краев изображения с помощью вкладки Арреагапсе (см. 
рис. 3.6). | | 
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Примечание Убедитесь, что файл с изображением, который вы добавляете, находится в той 
же папке, что и Web-ctpannua. Почему это важно, вы узнаете в разделе 
«Опубликование вашего семейного/персонального \\еБ-сайта». Главное, 
чтобы у пользователей, посещающих ваш Web-cant, изображение отобража- 


лось правильно. 


и WordPress 2.2 для пюбой кодировки 


Pp enna wer raPresy 


редлагаю вашему вниманию русскую версию WordPress 2.2. Эта сборка 
особая. В какой-то мере я выкладываю её на сеой страх и риск, поскольку в 
й реализованы совершенно новые алгоритмы работы с кодировками. Тот 
ериод тестирования, в течение которого я смог проверить и отладить 
оритмы работы (несколько месяцев), позволяют мне надеяться, что у вас 
е возникнет никаких проблем, 


амая главная особеность моей сборки заключается в том, что она позволяет 

вести блог в UTF-8, а базу данных ‘в другой кодировке, например в СР1251 

Windows-1251). Данная возможность будет актуальной для тех, у кого сейчас 
ordPress 2.0,*. 


роме этого, для тех, у кого блог будет в UTF-8, теперь можно будет 
становить корректные параметры базы данных - теперь тексты 


отображаться и храниться в БД будут в одной кодировке. Отмечу, что данная 


озможность реализована только в моей сборке, 


|Зэлез...! | $ 


$7 комментариев 77) 


Ka уцемпяй сэбя! 
Установи нормальный браузар! 


‘ле ми. 


Я Syrah Worstrass 
Я Форумы посдлеригн 
Я ГА по Wor dbrecs 
B плагиних и ль’к 
Я Раельмеь Genoese tone snes; 
Я блог каноне для 543737653 
Я история Wordh ras 
Солизниые сейтов на Wordorass 
Я Mon чигатени 


Монетизация блога 
па покупке/продаже раклалы 


SMBS, на зависит OF 
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аи 
семейного/персонального Web-canta 


Вы уже настроили У/еЬ-страницы для семейного/ персонального шаблона, но 
они все еще расположены на вашем компьютере и недоступны окружающим 
через Интернет. Как рассказывалось в главе 2, эти файлы следует поместить в 
компьютер, который имеет выделенное подключение к Интернету. Вспомните, 
что есть несколько шагов, которые вы должны выполнить, чтобы обезопасить 
общественный УеБ-сайт. Принимая то, что вы выполнили эти шаги, опублико- 
вание ваших У\/еЪЬ-страниц, созданных в Composer, не составит труда. 

Чтобы опубликовать определенную страницу, откройте меню File и выбе- 
рите в нем команду Publish (Опубликовать). Откроется окно Publish Page 
(Опубликовать страницу), которое содержит две вкладки: Publish (Опубли- 
ковать) и Settings (Параметры). Как говорилось в главе 2, вкладка Settings 
позволяет вам указывать информацию для Web-calita о сервере FTP, а также | 
имя пользователя и пароль для ЕТР-сервера. Введите эту информацию на 
вкладке Settings. 

После этого перейдите к вкладке Publish, которая показана на рис. 3.14. 
Эта вкладка позволяет вам выбрать, как Web-cTrpaHuya будет опубликована на 
сервере. Оставьте все параметры, установленные по умолчанию (см. рис. 3.14), 
без изменений. Чтобы опубликовать У/еЬ-страницу, просто щелкните по кноп- 
Ke Publish. | 

Если страница будет успешно опубликована, вы увидите диалоговое окно, 
такое как на рис. 3.15. В этом окне сообщается, что У/еЪ-страница и все свя- 
занные с ней файлы были успешно. опубликованы или же, наоборот, про- 
изошла какая-либо ошибка. 

Диалоговое окно на рис. 3.15 показывает, что на Web-cepBep были загру- 
жены два файла — index.html и LongHair-Chewing.jpeg. А что же с другими 
страницами, такими как pictures.html, еуеп(5.Вит] и recipes.html? Их также 
нужно опубликовать. 
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„> 
: 


: Сайт семьи Митчелл 


еооетиеетоитеичоков тете гесесввосопооооечостиоочтооповоесветосоееооино то офитосете ¢ 


; ‘index1.html 


НЫ 


Site subdirectory for this page: 


Use same location as page 
€} Use this site subdirectory: 


Рис. 3.14. Диалоговое окно Publish Page используется для опубликования 
Web-ctpaHuubl.Ha Web-cepBepe 


BEES: ; Рис. 3.15. Страница index.html была успешно опубликована! 


2. В Composer вам придется вручную опубликовать каждый из этих файлов. 
To есть нужно открыть в Composer каждый файл, предназначенный для опуб- 
:- ликования, выполнив команды File » Publish. 


Опубликование сомейноголерсонального VWeh-canra 87 


Примечание Обратите внимание на то, что, когда вы публикуете файл на Web-cepsepe, все 
файлы с изображениями, находящиеся на Web-ctpannue, также автоматичес- 
ки публикуются. Например, когда публикуется домашняя страница index.html, 
на Web-cepsep загружаются два файла: index.html и LongHair-Chewing.jpeg 
плюс файл с изображением, который находится в верхнем левом углу домаш- 
ней страницы. 


Размещение фаилов, на которые 
даются ссылки 


Когда в этой главе речь шла о добавлении гиперссылок на другие Web-ctpa- 
ницы или изображения, я акцентировал ваше внимание на важность разме- 
щения У’еЬ-страниц или файлов с изображениями, на которые будут делать- 
ся ссылки, в ту же папку, в которой находится текущая страница. Если это 
условие не будет выполнено, то, когда пользователь, просматривающий вашу 
страницу, щелкнет по ссылке, он не перейдет на ту страницу, которую хочет 
просмотреть. Он увидит сообщение об ошибке, информирующее его о том, 
что запрошенный файл не найден. 

Помимо этого под именем файла в диалоговом окне Link Properties (Па- 
раметры ссылки) есть поле, называемое URL is relative to page location 
(URL указывает на расположение страницы). При добавлении ссылки в этом 
поле должен стоять флажок. Если вы выберете файл, щелкнув по кнопке 
Choose File (Выбрать файл), но при этом в соответствующем поле не поста- 
вите флажок, то текст, который появится в раскрывающемся списке, будет 
выглядеть следующим образом: file://pathToTheFile/FileName. Если флажок 
будет поставлен, то текст, который появится в раскрывающемся списке, бу- 
дет иметь только имя файла (без указания пути доступа к нему). 

Очень важно, чтобы текст file://pathToTheFile не появлялся перед име- 
нем ри 


‚ помогают. ее ориенти 


— самый о обувной магазин ак ва вы можете ‚себе представить 
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SB HORDS FROM. toh Jewelry зав Ассезхонеу Павле Мите НА ores Eien 
с" 8] cows stegory{deFaut уезчейу ecressories aspicategory~2 3767 79korign=tah 


4 a “ites Joe ор Jashion jewelry 


Seinct а Category or Brand 


shop fine jewelry 


> инь Я ИОАНН 
валу roturns 
Зав Саба! 


Select a Category or Brand 


Если этот текст появляется, либо отметьте поле флажком URL is relative 
to page location, либо просто щелкните по тексту и удалите лишнюю часть 
вручную. 

Вас может интересовать, почему важно, чтобы флажок в поле URL is 
relative to page location был установлен. Если вы оставите поле без флажка 
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или не удалите текст file://pathToTheFile, то, когда Web-crpanuua будет пуб- 
ликоваться на общедоступном Web-cepBepe, эти гиперссылки будут считать- 
ся неработающими ссылками в У\еЪ-браузерах посетителей вашего Web-caiita. 

Неработающая ссылка - это ссылка, которая отображает ошибку, когда по 
ней щелкают. Ошибка информирует пользователя о том, что УеБ-страницу 
нельзя найти. Причиной этого становится то, что, когда создавалась ссылка, 
флажок в поле URL is relative to page location не был поставлен. URL гипер- 
ссылки был опубликован Kak file: //pathToTheFile/FileName, а это путь и имя 
файла на рабочем столе вашего компьютера. Когда пользователь будет щел- 
кать по этой ссылке, ero Web-6pay3ep будет видеть Ше:// и попытается най- 
ти файл на жестком диске его компьютера по определенному пути и опреде- 
ленному имени файла. Скорее всего, этого файла не будет на его компьютере, 
и поэтому он будет получать сообщение об ошибке. 

Важно понять, что так как файл существует на вашем компьютере, то при 
тестировании вашего Web-calita у себя на компьютере эти ссылки будут рабо- 
тать нормально! Однако остальные посетители не смогут перемещаться по 
вашему Web-cality из-за неправильно созданных ссылок. 

В общем, просто не забудьте ставить флажок в поле URL is relative to 
page location для каждой гиперссылки, которую вы создаете, и тогда ваши. 
гиперссылки будут правильно работать для всех посетителей. 


Тестирование \еЬ-сайта 


После того как вы опубликуете каждую УМеЬ-страницу вашего семейного/ 
персонального Web-caiira, проверьте его в У/еБ-браузере. Запустите Web-6pa- _ 
узер и введите URL вашего Web-calita - после того как вы это сделаете, вы 
увидите домашнюю страницу вашего семейного/ персонального У’еЪ-сайта. 
Пощелкайте по гиперссылкам. и убедитесь, что все У\еЬ-страницы доступ- 
ны. Если вы получите сообщение об ошибке, когда щелкнете по гиперссыл- 
ке, то ошибка, скорее всего, вызвана одной из двух причин. | 
Во-первых, ошибка может быть связана с тем, что вы забыли опублико- 
вать У\ер-страницу, на которую указывает гиперссылка. Помните, что каждая 
У\еЪ-страница, которую вы создали с помощью редактора Composer, должна 
быть опубликована на Web-calire. Поэтому убедитесь, что страница, с кото- 
рой возникли проблемы, была опубликована (и опубликована успешно). 
Если вы уверены, что запрашиваемая страница была опубликована, тогда 
ошибка может возникнуть из-за неработающей ссылки. То есть гиперссылка, по 
которой вы щелкаете, направляет‘ пользователя на URL УеЬ-страницы, кото- 
рой не существует. Это может быть связано с тем, что вы создали гиперссылку 
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на существующий файл, но затем вы его переименовали и не обновили URL 

гиперссылки. Также это может быть связано с тем, что вы не установили 
флажок в поле URL is relative to page location в диалоговом окне Link 
Properties. | :. 


Изменение шаблона Web-calita с помощью редактора Composer может быть 
интересным и простым. Шаблон семейного /персонального Web-caiita, пред- 
ставленный в этой главе, имеет домашнюю страницу и три раздела: ряд циф- 
ровых фотографий, последние семейные новости и любимые семейные ре- 
цепты. Как вы видели, изменение существующей страницы - изменение 
содержания текста, изменение цветов, выбор другого шрифта или формати- 
рование и т.д. - легко выполнить с помощью Composer. Вы можете редакти- 
ровать УеБ-страницу, так же как вы бы стали редактировать документ в тек- 
стовом редакторе. 

Взяв за основу предоставленный шаблон Web- страниц, вы можете доба- 
вить к своему Web-cality другие страницы, чтобы сайт подходил для вас и 
вашей семьи. Как рассказывалось в этой главе, чтобы добавить новую стра- 
ницу, нужно создать ее как еще одну страницу шаблона. Затем ее содержание 
можно переделать и отредактировать. Когда страница будет готова, нужно 
обновить другие страницы так, чтобы в них появились гиперссылки на толь- 
ко что созданную страницу. 

Также вы узнали, как опубликовать сайт на Web-cepzepe. Для этого вам 
нужно открыть каждую страницу в окне Composer и выбрать команду Publish 
из меню File. При публикации вашей У’еЬ-страницы осуществляется ее за- 
грузка вместе с фотографиями, которые на ней отображены. После того как 
ваши \еЪ-страницы будут загружены на \УеБ-сайт, каждый, у кого есть выход 
в Интернет, сможет просмотреть ваш сайт с помощью браузера! 


Создание 
интернет-магазина 


Так как популярность Интернета за последние годы резко возросла, множе- 
ство фирм сделали свои товары доступными для покупки в онлайн-магазинах. 
Такие типы Web-caiiros объединяют коммерцию и Интернет, и поэтому их 
называют электронно-коммерческими Web-calitamu. Существует огромное 
количество УеБ-сайтов, продающих различные товары в режиме онлайн: 
Amazon.com - один из самых известных электронно-коммерческих У\еЪ-сай- 
тов, на котором продаются различные типы товаров - от обуви, видеоигр и 
РУО-дисков до кухонной утвари и садовых инструментов. 

Успешные электронные коммерческие У’еЬ-сайты были созданы как для 
компаний, которые продают товары только в режиме онлайн, так и для ком- 
паний, которые много лет продавали товары в обычных, реально существу- 
ющих магазинах. Например, Amazon.com, Ozon.ru - из тех компаний, KOTO- 
рые осуществляют продажи только через Интернет. То есть у этих компаний 
не существует привычных в нашем понимании магазинов, в которые вы мо- 
жете прийти и сделать покупку. 

Wal-Mart - самый крупный реально существующий магазин розничной тор- 
‚ говли с 5000 торговых точек, разбросанных по всему миру, также имеет элек- 
тронно-коммерческий У\еЪ-сайт - ВИр:/ /www.WalMart.com. 

Электронно-коммерческий У’еЬ-сайт должен выполнять следующие функции: 


» отображать товары и их цены; 

»> предоставлять пользователям так называемую Тележку (Корзину) для 
покупок, то есть возможность покупать товары; 

»> принимать от клиентов платежи. (Чаще всего клиент просто должен 
предоставить номер своей кредитной карты.) 


ОЕ ао 


SD А 


x 
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В этой главе вы создадите свой электронно-коммерческий У\еЪ-сайт (ин- 
тернет-магазин), который будет выполнять все эти функции. 


Примечание Три требования, предъявляемых к интернет-магазинам, являются минимальны- 
ми. Многие \У/еБ-сайты предлагают дополнительные функции, такие как поиск 
продаваемого товара, сортировка продуктов по цене или имени; некоторые 
сайты позволяют потребителям оставлять информацию о различных продуктах. 
Интернет-магазин, который мы будем создавать в этой главе, не будет вклю- 
чать какие-либо дополнительные функции. Однако этот сайт будет реально | 
функционировать; позволяя посетителям покупать продукты непосредствен- 
но с У!еБ-сайта. 


Свой интернет-магазин или сайт вы можете подключить к системе Web- 
Money Transfer или, например, к системе Яндекс.Деньги. В этой главе мы выб- 


рали в качестве примера систему международной платежной системы Web- 


Мопеу Transfer. Эта система - одна из немногих, работающих на российском 
рынке и позволяющих обрабатывать платежи в разной валюте. | 

Система WebMoney Transfer, в отличие от других российских электронных 
платежных систем, предоставляет своим пользователям широкий спектр до- 
полнительных услуг. Например, с помощью сервиса Paymer, запущенного в экс- 
плуатацию в начале апреля 2002 года, можно осуществлять платежи электрон- 
ными чеками за любые товары и услуги. Пользователь WebMoney Transfer в 
течение нескольких секунд может создать чек на сайте Раутег.сот и передать 
его в качестве оплаты партнеру по сделке, даже если тот не является пользо- 
вателем WebMoney Transfer. 

‚ В настоящее время для работы с системой есть несколько интерфейсов. 
В зависимости от ваших технических возможностей, условий работы или 
пожеланий WebMoney бесплатно предоставляет инструменты для работы с 
системой и осуществления платежей: 


» WM Keeper Classic - представляет собой отдельную программу, устанав- 
ливаемую на компьютер пользователя; 

> WM Keeper Light - МеБ-приложение, которое не требует установки 
клиентского программного обеспечения на компьютере пользователя. 
Результаты работы передаются в браузер пользователя по защищенно- 
my ПИрз-соединению; 

» Telepat - предназначен для проведения расчетов в режиме реального 
времени при помощи мобильных устройств. 


Подключение вашего ресурса к системе абсолютно бесплатно (фактичес- 
ки подключение происходит в процессе регистрации УМ-идентификатора, 
который вы будете использовать). 
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WebMoney Transfer за перевод денег берет небольшой процент. В разделе 
«Создание учетной записи WebMoney» рассказывается о том, как зарегистри- 
роваться в системе и получить учетную запись (WMID). 


Что собой представляет шаблон 
\еб-сайта для интернет-магазина 


Все УеБ-сайты интернет-магазинов выполняют определенный ряд функций. 
Так как целью онлайн-магазина является предоставление посетителям возмож- 
ности делать покупки в режиме онлайн, то такой У\еБ-сайт должен содержать 
список товаров для продажи, позволять пользователям добавлять один или не- 
сколько товаров к Корзине с товаром и, наконец, принимать оплату за покупки. 

Шаблон интернет-магазина создан для вымышленной компании eF lags 
Direct, которая продает в режиме онлайн флаги и сопутствующие товары, 
такие как шесты, веревки, зажимы и т.д. Шаблон компании eFlags Direct раз- 
бивает товары, предоставленные для продажи, на две категории: Флаги и 
Сопутствующие товары. Из категории Флаги пользователи могут добавить 
один или несколько флагов в свою Корзину с товаром. 

Кроме того, у покупателей должна быть возможность добавлять в свою 
Корзину товары. Создание такой Корзины для покупок - непростое задание. 
Ono .Tpe6yeT опыта в программировании, который вы не сможете получить 
в рамках этой книги. Однако для продажи какого-либо одного товара или ус- 
луги система WebMoney позволяет вставить 3 страницы НТМГ-кода и под- 
ключить их к шаблону У!еЪ-сайта. Последняя, важная часть Web-caiita интер- 
нет-магазина - прием платежей, когда покупатель должен предоставить 
нужную сумму. Сумма, которую он обычно должен, включает стоимость про- | 
дукта и налог с продаж, который не следует забывать, а также стоимость до- 
ставки. После проверки Корзины и подсчета суммы, которую нужно внести, 
пользователю предлагается ввести информацию о способе оплаты, например 
по своей кредитной карте, и заполнить соглашение. 


Примечание Если вы предполагаете продавать много товаров, используйте готовые интер- 
фейсы, предлагаемые Ha сайте Merchant WebMoney Transfer, но для этого 
необходимо знать хотя бы азы УУеБ-программирования. 


Так же как и создание Корзины для покупок, создание \У\еЪ-страницы, ко- 
торая предоставляет торговый счет, принимает информацию об оплате и 
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правильно ее регистрирует, выходит за рамки этой книги. Сервис WebMoney 
содержит средства для приема и обработки платежей, которые можно встро- 
ить в ваш \У\еЬ-сайт для интернет-магазина. 

Шаблон Web-caiira интернет-магазина показан на рис. 4.1. Обратите внима- 
ние на то, что он состоит из двух страниц: списка флагов для продажи и списка 
сопутствующих товаров, также выставленных на продажу. Каждый товар, выс- 
тавленный на продажу, содержит рисунок, описание и кнопку Add to Cart (Доба- 
вить в Корзину). При щелчке по этой кнопке товар добавляется в Корзину для 
покупок определенного пользователя. Закончить выбор товаров пользователь 
может, щелкнув по гиперссылке View Cart (Просмотреть Корзину). 


eFlag Emporium 


$345 Crystal Lake Road . San Diego, СА 92122 


q@> 


“| Цена: $149.95 
Описание: 25‘ tall 
„Вес: 75 155. 
ЭМаке payments with PayPal - it's fast, free and securel 


ИЕН “aid Make payments with PayPal - it's fast, free and secure! 
‚Флаг Италии 

‚Цена: $39.95 

‚Размеры: 6'x3.25' 


Flag Pole Decorations 

Цена: $19.95 

Вес: 9.5 ibs. 

Маке payments with PayPal - it's fast, free and зесиге! 


Puc. 4.1. Шаблон \ММер-сайта интернет-магазина 


Работая с шаблоном Web-caiita для интернет-магазина, вам потребуется 
внести немного больше изменений, чем требовал предыдущий шаблон. Сна- 
чала вам придется создать торговый счет с помощью WebMoney. Затем, ос- 
новываясь на коммерческой информации, вы разработаете кнопку Add to 
Cart и гиперссылку View Cart. | 


Примечание В следующей главе вы увидите, как использовать аукционы, чтобы перечислить 
ваши товары, выставленные на продажу, а также узнаете о том, как происхо- 
дит обработка платежей. Интернет-аукционы упрощают процесс продажи 
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товаров в режиме онлайн, но ограничивают гибкость работы. При создании 
онлайнового магазина вы, наоборот, более свободны в своих действиях, так 
как можете настраивать внешний вид сайта-магазина. Перед тем как решить, 
какой метод использовать — создание своего онлайнового магазина или использо- 
вание интернет-аукциона, я рекомендую вам прочитать эту и следующую главы. 


ep aes, ИО я ROO о 


Настройка но страницы 


Домашняя страница шаблона Web-calira интернет-магазина начинается с пе- 
речисления имени компании, адреса и контактной информации, которая рас- 
положена вверху страницы. Под этой информацией размещается ряд гипер- 
ссылок, перечисляющих категории, на которые разбиваются товары, а также 
кнопка View Cart (Просмотр Корзины). | 

Чтобы изменить название одной из категорий товаров, откройте в окне 
Composer файл с шаблоном интернет-магазина,: щелкните по тексту катего- 
рии товара и, используя клавиатуру, измените текст ссылки. Чтобы изменить 
URL, на который направляет ссылка; правой кнопкой мыши щелкните по 
ссылке и выберите в контекстном меню команду Link Properties (Парамет- 
ры ссылки). Откроется одноименное диалоговое окно, в котором вы сможе- 
те изменить адрес ссылки. 


' Название кнопки на разных сайтах может отличаться. - Прим. науч. ред. 


° 
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Совет Чтобы создать новую ссылку, наведите указатель туда, где вы хотите, чтобы 
| была расположена новая ссылка. Затем откройте меню Insert (Вставка) и вы- 
‚берите команду меню Link (Ссылка). Откроется диалоговое окно Link 

Properties, в котором вы сможете указать текст ссылки и ее расположение. 


При нажатии на кнопку View Cart осуществляется связь с Web-caliTom (в 
нашем примере с WebMoney) и на экране должны отобразиться товары, рас- 
положенные в Корзине пользователя, а также выполниться подсчет стоимо- 
сти покупок. В следующем разделе вы узнаете, как создать учетную запись и 
сконфигурировать кнопку View Cart. _ 

Ниже гиперссылки вы видите две ячейки таблицы. Ta, что слева, перечис- 
ляет флаги, предназначенные для продажи. Ta, что справа, перечисляет пос: 
ледние новости сайта. 

Шаблон содержит описания и рисунки флагов. Если вы продаете не фла- 
ги, то вам, конечно, нужно изменить описание и рисунок. Чтобы отредакти- 
ровать рисунок, правой кнопкой мыши щелкните по нему и выберите в кон- 
текстном меню команду Image Properties (Свойства изображения). Откроется 
диалоговое окно, в котором вы можете указать, какой файл изображения 
использовать, а также определить его размеры и другие свойства. 

В конце описания каждого продукта находится кнопка Add to Cart. Эту 
кнопку надо связать с сайтом WebMoney, чтобы интегрировать Корзину для 
покупок с вашим У/еБ-сайтом интернет-магазина. Чтобы заставить эту кноп- 
ку работать правильно, вам сначала необходимо создать свою учетную запись 
в WebMoney. 


Конфигурирование кнопок 
Добавить в Корзину 


Следующий важный пункт - дать возможность посетителям добавлять товары 
на УеЪ-страницах. В нашем примере это возможность пополнять Корзину для 
покупок на страницах Просмотреть продаваемые флаги и Просмотреть 
продаваемые сопутствующие товары. Чтобы это сделать, вы можете исполь- 
зовать инструмент Web Merchant Interface. С его помощью можно добавить в 
У/еЬ-сайт кнопку Корзина для покупок, а также использовать возможности 
для обработки платежей от клиентов и проведение выплат продавцу. 

`’ Чтобы позволить посетителям добавлять флаги или сопутствующие това- 
ры в свою Корзину для покупок, вам нужно к каждому товару, выставленному 
на продажу, добавить кнопку, которая называется Add to Cart. Щелкнув по 


Конфигурирование кнопок Добавить в Корзину 97 


этой кнопке, покупатель сможет добавить определенный товар в свою Кор- 
зину. Затем он сможет добавлять и другие товары и, наконец, оплатить куп- 
ленный товар. 

Перед тем как вы создадите кнопки Add to Cart рядом с каждым товаром, 
вам нужно зарегистрироваться на Merchant WebMoney Transfer и создать 
свою учетную запись — WMID на WebMoney. | 


Создание учетной записи в Ме Мопеу 
Transfer 


Компания WM Transfer Ltd - владелец и администратор платежной системы 
WebMoney Transfer. Система WebMoney Transfer существует с 1998 года и по- 
зволяет отдельным людям и фирмам легко, надежно и безопасно отправлять и 
получать денежные поступления через Интернет. Разработчиком программно- 
го обеспечения платежной системы WebMoney Transfer является ЗАО «Вы- 
числительные силы», которое также осуществляет техническую поддержку 
системы. WebMoney. Каждый пользователь может создать бесплатный счет 
(кошелек) WebMoney и поместить в него деньги, снятые с банковского сче- 
та, любым удобным способом - переводом из любого банка, почтовым пере- 
водом, переводом с банковской пластиковой карты, наличной оплатой в.спе- 
циальных офисах, переводом со счета другого человека за переданный вами 
товар или оказанную услугу. 

После того как деньги (титульные знаки) окажутся в вашем У/М-кошель- 
ке, вы сможете перевести их со своего кошелька другому члену WebMoney. 
Для этого нужно просто вызвать диалоговое окно Передать WM и указать в 
нем кошелек, с которого переводятся средства, сумму и кошелек получате- 
ля. Этот кошелек должен быть того же типа, что и кошелек отправителя. 

Комиссия системы при совершении расчетов составляет всего 0,8% от 
суммы платежа при выводе денег из системы. 

Вы можете в любое время снять все или часть денег с вашего кошелька в. 
WebMoney и перевести на ваш банковский счет либо с риое чека полу- 
чить их в обменных пунктах. 


Примечание Чтобы стать участником системы WebMoney Transfer, необходимо установить на 
своем персональном компьютере, КПК или мобильном телефоне клиентский интер- 
фейс, зарегистрироваться в системе и принять ее условия, получив при этом WM- 
идентификатор — ваш уникальный номер. В процессе регистрации также требуется 
ввести персональные данные и подтвердить их достоверность через сервис WM- 
аттестации. Каждый пользователь имеет \/М-аттестат — цифровое свидетельство, 
составленное на основании предоставленных персональных данных. 
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Для регистрации и работы с кошельком в системе WebMoney нужно выб- 
рать одну из версий клиентской программы: WM Keeper Classic, WM Keeper 
Light или GSM Keeper. При установке интерфейса WMKeeper вы автомати- 
чески получаете 4 различных кошелька. Все операции в системе WebMoney 
происходят между кошельками одного типа. Вы можете перевести средства 
со своего 7-кошелька только на другой 7-кошелек. 

Чтобы подключить ваш интернет-магазин или сайт к системе WebMoney 
Transfer, следует не только зарегистироваться, но еще и настроить сервис 
Web Merchant Interface, предназначенный для приема платежей. Этот сервис 
предоставляет ряд параметров, регулирующих порядок приема платежей и 
`’ оповещения продавца о факте оплаты. Настройка параметров выполняется 
на странице Настройки сайта https://merchant.webmoney.ru. Для каждого 
кошелька, на который продавец принимает платежи, в сервисе хранится 
свой набор значений. Кроме этого необходимо выбрать один из поддержи- 
ваемых системой интерфейсов, позволяющих автоматизировать обработку 
платежей от клиентов и проведение выплат: 


> Web Interface - интерфейс, дающий возможность быстро и с минималь- 
ными затратами дополнить УеЬ-сайт или домашнюю страничку всем не- 
обходимым для того, чтобы принимать \М/М-деньги за предоставляемые 
вами товары или услуги; 

> Click&Buy Merchant Interface - интерфейс, помогающий покупателю 

_ оплатить и получить товар на вашем УеБ-сайте, щелкнув мышью. Под- 
держивается начиная с версии WM Keeper Classic 2.2.0.9; 

> WM Automation Interface - набор интерфейсов, позволяющих создавать. 
программы, выполняющие операции в системе WebMoney Transfer при 
помощи протоколов НТТР$ и ХМГ. 


_ В зависимости от уровня автоматизации, интеграции с системой и нали- 
qua квалифицированного персонала пользователям предлагается три вариан- 
та подключения: | , | 


‚ > простой (неавтоматизированный) способ приема средств; 
|} автоматизированный способ приема средств; 
» управление средствами / кошельками по доверенности. 


Информацию о том, как это сделать, можно найти на Web-calire www. Web- . 
money.ru. - 

Выбор варианта зависит от количества наименований продаваемого това- 
ра. Механизм работы с использованием Merchant WebMoney Interface выглядит 
следующим образом: пользователь (покупатель) посещает ваш сайт и находит 


товар, который его интересует. Затем щелкает по кнопке Add to Cart, распо- 
ложенной рядом с наименованием желаемого товара. В результате он добав- 
ляет товар в Корзину для покупок и перемещается на Web-caiitr WebMoney 
для формирования счета на оплату товара. Пользователь в любой момент 
может закончить выбор покупок, оплатив товар, или вернуться к УеБ-сайту 
и продолжить просмотр товаров. Когда покупатель заканчивает выбирать, он 
возвращается к Корзине для покупок и ему предлагается произвести оплату 
в WebMoney Transfer со своего электронного кошелька через сервис Mer- 
chant WebMoney. Покупателя перенаправляют на специальный сайт Мерчант 
сервиса, где производится его авторизация и оплата из его кошелька. После 
предоставления соответствующей информации покупатель возвращается на 
ваш \У/еБ-сайт. 

Сразу же после оплаты сам сервис связывается с сайтом вашего интернет- 
магазина и извещает его о том, что произведена оплата такого-то заказа на 
такую-то сумму. Покупатель, вернувшись на сайт магазина, сможет удостове- 
риться, что оплата принята и его покупка готовится к доставке (для физичес- 
ких товаров), либо непосредственно получить услугу, если она нематериальна. 
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1. Шаг 


Покупатель находит 
товар, который 
ему нравится, на вашем 
еБ-сайте и щелкает 
по кнопке В Корзину 


2. Шаг 


Пользователь 
переводится на Web-caiit 
WebMoney, где 
он видит свою 
«тележку для покупок» 


3. Шаг 


Покупатель 
возвращается на 
ваш Web-cait 
и добавляет к своей 
«тележке с покупками» 
товары 


4. Шаг 


Пользователь 
заканчивает выбирать 
товар и возвращается 

на сайт WebMoney, 
чтобы «пройти кассу». 
Он вводит информацию 
о платеже 


5. Шаг 


WebMoney снимает 
небольшой процент 
со стоимости всей 
операции и отправляет 
остаток стоимости 
покупки на ваш 
\/М-кошелек 
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После того как товар оплачен, платеж будет обработан и на ваш электрон- 
ный ящик придет сообщение, информирующее вас о покупке, чтобы вы мог- 
ли доставить ее клиенту. | 

Рис. 4.3 иллюстрирует то, как посетитель делает покупку на вашем Web-cait- 
те. Важно понять, что оплата товаров и обработка платежей полностью вы- 
полняются на сайте WebMoney. В этом есть несколько преимуществ, два из ко- 
торых заключаются в том, что вы можете продавать товары с вашего сайта, не 
обрабатывая операции по кредитным картам и не вникая в сложности, связан- 
ные с настройкой онлайновой Корзины для покупок и обработкой платежей. 

WebMoney предлагает регистрацию как для физических, так и для юриди- 
ческих лиц (фирм). | 

Если у вас вообще нет кошелька (счета) WebMoney, создайте ero. Это мож- 
но сделать бесплатно. На создание кошелька требуется совсем немного вре-. 
мени. Прежде всего откройте домашнюю страницу WebMoney - http:// 
www.WebMoney.ru - и щелкните по кнопке Мастер регистрации, показанной 
‚на рис. 4.4. 


| Аарес: 8 вар: iimart.wabmenay мечт пои зсвеовоелеамявло 2425952774 


WebMoney &: регистрация 


 базилрзций: / Выбор прогремны ; 


Выбор программы 


= Classic, WM Keeper Light или GSM Feeper. Характаристнки каждой зарсии пздробно изложены в Мастер регистрации 
OS) Soe OG TOT EY EMR OSA eed сайта и при жзлании Вы можете детально изучить их тзиничезкие и ^ 
функциональные особенности, 


‚ Для регистрации в системе Вам предсгонт выбрать одну из варсий клнантской программы: WM Keeper И А 


Benn Вы затрудняетесь в выборе клиентской программы, госпользуйтесь Мастером. загистрацим. 


г WM Keeper Classic 
it WM Keeper Classic - программа, устанавливаемая на компьютере пользователя. Программа WM feener Classic работаат в операционных 
систамах Windows 98,98, Улазкиие Me, Windews 2098, Windows XP, Windows 2903. Дла исполерования WM Keeper Classic необходимо: 


SS загрулить на свой KOMMUIOTaP инсталляционный apAHE NocNegKel зерсии програмы WM Керра Classic 1,3 M6). 


Если у Вас уже установлена программа WM Keeper Classic и ee pegeva ниже 3.1.0.9 (от 15.10.2006}, обязотельно загрузите с 
COATS последнюю зерсик,, 


2 Запустить получанный файл на выполнание м действовать в соотватствии с инструициями, поязляющимнся на экрана 
‘ 


\ 


ть ЗДЕСЬ ana запуска WM Keeper Clasric з юзжиме зэвесшения дэгретрации. 


Рис. 4.4. Щелкните по кнопке Мастер регистрации, чтобы создать учетную запись WebMoney 
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_ В первом окне заполните все поля, выделенные полужирным шрифтом. 
Они являются обязательными ’'при регистрации. Одно из полей определит 
ваш тип счета. Для этого выберите в поле Ваш статус одно из значений - как 
частное лицо или как юридическое (рис. 4.5). Как видно из рисунка, требует- 
ся ввести следующую информацию: псевдоним, ваше имя, адрес, номер мо- 
бильного телефона, страну, город и адрес электронной почты и т.д. Внизу 
окна вы найдете кнопку Продолжить. Нажмите ее, и если вы правильно за- 
полнили поля ‘в первом окне, то перейдете к следующей странице формы. Ha 
ней вам предоставляется возможность проверить введенные личные дан- 
ные. Нажмите кнопку Продолжить, если все верно, и вы сразу же увидите 
окно, показанное на рис. 4.6. В противном случае вы можете вернуться к пер- 
вой странице формы для изменения сведений. Для этого нажмите кнопку 
Назад. На ваш адрес электронной почты придет сообщение с кодом регист- 
рации. Чтобы завершить процесс регистрации, следуйте инструкциям, ука- 
занным в сообщении, которое вы получите. 


Для регистрации 8 система \ЕВМОМЕУ TRANSFER Ван необходимо предоставыть ДОСТОВЕРНЫЕ данные с свсей личностн, 
’ ОЗязательные для заполнения поля помечены жирным шрифтом, 


Персомольные донные 
ордера ее 
Псевдоним 11 НЕ : 


ее 


Дата рождения ВИ 


Ваш статус {Чёстной лицо | 


Фактическое местовахождение 


Город | 

Адрес ! 
Контактная информация 

E-mail : 


Мобильный телефон | 


Домашний телефон | 


Адрас интернет сайта : 


Информация для носстанзияения доступа 


Рис. 4.5. Заполните форму для регистрации на WebMoney 
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Когда вы введете в поле код регистрации, нажмите кнопку Далее. В следу- 
ющем окне будет показан присвоенный вам идентификатор (WMID) - рис. 4.8. 
Его надо записать и хранить в надежном месте. Затем необходимо ввести и 
подтвердить пароль. Система сгенерирует в указанном вами месте файл клю- 
чей доступа. Без этого файла вы не сможете входить в WebMoney. Последним 
шагом в регистрации будет ввод кода активации и получение персонального 
аттестата (по вашему желанию). Этот тип аттестата позволяет вам продавать 
товары и услуги по сети. По умолчанию все пользователи получают так назы- 
ваемый формальный аттестат, то есть их личные данные не проверяются. 
Если вы планируете выступать в качестве продавца, необходимо иметь пер- 
сональный аттестат. Для этого установите флажок в поле Начать получение 
персонального аттестата. Щелкнув по кнопке Готово, вы закончите работу 
с мастером. Откроется страница для получения аттестата — Passport Web- 
Мопеу. Персональный аттестат можно получить и позже. Теперь у вас есть 
\У/М-кошелек, и вы можете им управлять. 


у 


i 


WebMene 


$. 
>: 
ка 
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Рис. 4.8. Запомните свой идентификатор (WMID) и пароль 


Получение НТМЕ-кода для кнопки Add to Cart 


Итак, вы зарегистрировались, обзавелись кошельком и получили при этом 

доступ к сервису Merchant для подключения вашего интернет-магазина. Те- 

перь, чтобы дать вашим посетителям возможность добавлять товары в свою 
ь / 
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Корзину с товаром, вам понадобится добавить в шаблон Web-caliTa кнопку 
рядом с каждым товаром, предназначенным для продажи. Когда пользователь 
будет нажимать кнопку, он будет перемещаться на У\еБ-сайт WebMoney и вего 
Корзину будет добавляться товар. 


Примечание В шаблоне уже есть кнопка В корзину (Add to Cart). Чтобы переделать шаб- 
лон так, как вам необходимо, удалите эту кнопку и добавьте свою. 


В предыдущих главах вы видели, как можно использовать гиперссылки, 
чтобы пользователь мог переходить'с одной МеБ-страницы на другую. Поми- 
мо гиперссылок существуют более сложные способы перемещения пользова-_ 
теля по страницам. Один из них заключается в использовании форм. Подроб- 
ное описание форм выходит за рамки этой книги. Формы упомянуты здесь 
только потому, что этот способ используется в WebMoney при добавлении 
товара к Корзине или при оплате. 

Не беспокойтесь, вам не нужно быть специалистом по формам, чтобы со- 
здавать в шаблоне кнопки В Корзину. Фрагмент НТМГ-кода для простого сай- 
та, который можно вставить непосредственно в \УеБ-страницу, чтобы появи- 
лась кнопка В Корзину, вы найдете на УеБ-странице для продавца на сайте 
WebMoney. Войдите в систему WebMoney. Щелкните по ссылке Продавцам/ 
Мерчантам в левой части УеЬ-страницы WebMoney, чтобы переместиться на 
страницу, показанную на рис. 4.9. 
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О Cucrene ‚Вы можите подутющить fae интарнет ear geet или сзйт и система WebMoney Transfer, 
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Рис. 4.9. На странице Merchant щелкните no выбранному вами варианту подключения магазина 
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Код товара (ID товара) — поле необязательное для заполнения, но оно являет- 
ся полезным, если вы продаете много товаров. Когда посетитель делает покуп- 
ку на вашем сайте, вы получаете электронное сообщение со списком куплен- 
ных товаров. Оно будет включать название товара, а также его ID (код) (если 
он был предоставлен). Поэтому, если вы отслеживаете товары по некоторым 


ID, введите этот код в поле | товара. 
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В этой главе мы рассматриваем случай, когда пользователь для работы с 
У/М-кошельком использует интерфейс WebMoney WM Keeper Classic и фраг- 
мент НТМГ-кода зависит от выбранного варианта подключения вашего Ma- 
газина. Для подключения простого магазина с ‘интерфейсом Click&Buy 
Merchant Interface нужно создать 3 НТМГ-страницы. Найдите и измените в 
НТМГ-коде строки с номером кошелька на свой номер и сумму платежа. 

Затем, следуя инструкциям, выполните настройку сервиса Web Merchant 
Interface для обработки платежей. Сделать это можно в разделе Инструк- 
ции. Таким образом, будет реализован прием платежей на выбранный коше- 
лек и подтверждение оплаты покупателем Ha e-Mail. 

Рис. 4.1] отображает вид страницы раздела Инструкции. 


Описание интерфейса Click&Buy Merchant Interface 
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Рис. 4.11. Вид страницы раздела Инструкции 
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Примечание Если вам не нужно назначать налоги с продаж и цену за доставку, то вы спо- 
койно можете пропустить соответствующий раздел и перейти непосредствен- 
но к разделу «Просмотр НТМ!-кода кнопки». 
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Назначение налога с продаж и цен за доставку 


При оплате в счете покупателя суммируются цены купленных товаров, к нему 
прибавляются цены за доставку (если они вами назначены) и налог с продаж 
(если он определен). Цена за доставку зависит от местожительства покупателя. 

Информация о ценах за доставку и налоге с продаж должна быть предос- 


тавлена покупателю на вашем сайте. . 


Примечание Сообщить цены за доставку и налог с продаж нужно всего один раз. После того 
как вы предоставите эту информацию, она сохранится на Web-cepsepe Web- 
Мопеу и будет использоваться для всех продаваемых товаров. 


Просмотр НТМЕ-кода для кнопки 


После того как вы выбрали вариант подключения магазина, щелкнув по со- 
ответствующей ссылке, вы увидите НТМГ-код и параметры настройки. Рис. 4.13 
показывает фрагмент страницы для простого магазина. 

По сути, на вашей странице существуют два фрагмента HTML-xoga. Первый 
составлен для кнопки Корзина! рядом с товаром Флаг Соединенных Штатов 
Америки. Второй фрагмент HTML-xoga расположен в верхней части страни- 
цы шаблона, и вы используете его для того, чтобы переместить пользователя 
в его Корзину с товаром. Функция второго фрагмента - отображать кнопку, 
которая называется View Cart (Просмотреть Корзину с товаром). В разде- 
ле «Просмотр Корзины» вы увидите, как добавить кнопку View Cart. 


' Название кнопки может варьироваться: В Корзину, Добавить в Корзину, В Тележку и др. - 
Прим. науч. ред. 
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Шаг 1. Cesnnions 3x HIML страниц 


Ниже представлен примерный код страниц, необходимых для установки на вашем веб-сайте. Пример работы 
этих страниц можно посмотреть здесь. | 


ee pay: “htm. =. г 


Рис. 4.13. Фрагмент НТМ!-кода для простого магазина 


Совет Кнопку Корзина нужно создать для каждого товара, предназначенного для 
продажи на вашем сайте. | 


Чтобы настроить связь в шаблоне кнопки Корзина с торговой информаци- 
ей и платежной системой WebMoney, вам необходимо сначала удалить суще- 
ствующую кнопку В Корзину. Обратите внимание на то, что кнопку окружа- 
ет зеленая пунктирная граница. Чтобы удалить кнопку, щелкните правой 
кнопкой мыши по этой границе и выберите в меню команду Delete (Удалить). 


Примечание После удаления кнопки В корзину зеленая пунктирная граница должна ис- 
чезнуть. Если вы все еще ее видите, но кнопки нет, попробуйте снова, но убе- 
дитесь, что вы щелкаете по пунктирной границе. 


После того как вы удалите кнопку Корзина в шаблоне, вы можете доба- 
вить вашу индивидуальную кнопку для покупок. Чтобы это сделать, скопируй- 
те и вставьте фрагмент НТМГ-кода WebMoney в Ее место на 
М/еЪ-странице. 
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Откройте в браузере Mozilla Web-crpanuyy WebMoney и скопируйте фраг- 
мент НТМГ-кода в буфер обмена. (Для этого сначала выделите фрагмент.) 
Затем откройте в окне браузера Mozilla меню Edit (Правка) и выберите в нем 
команду Сору (Копировать). 

Теперь вернитесь к окну Composer. Чтобы вставить НТМГ-код, скопиро- 
ванный с МеЬ-страницы WebMoney, откройте меню Insert (Вставка) и выбе- 
рите в меню команду HTML. Отобразится диалоговое окно Insert HTML 
(Вставить HTML), показанное на рис. 4.14. Вставьте НТМГ-код из i ae 
обмена в это диалоговое окно, нажав клавиши Ctrl+V. 

Щелкните по кнопке Insert, чтобы вставить НТМГ-код в МеЬ-страницу. 


<form id=pay name=pay method="POST" 
action="https:}/merchant.webmoney.ru/lmi/payment.asp” > 


<p>npnmep платежа через сервис Web Merchant 
i Interface<jp> | 
<р>заплатить 1 WMZ.. .<ip> 


<p> 
Зри tyvne="hidden" 


Puc. 4.14. Диалоговое окно Insert HTML позволяет вам добавить НТМ!-код 
в определенную область Web-ctTpaHuup! 
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Вы добавили вашу первую кнопку для корзины! Теперь этот процесс нужно 
повторить для каждого продукта, который выставлен на продажу. 


Примечание Помните, что вам нужно предоставить цены за доставку и налог с продаж толь- 
ко один раз. То есть вам не нужно снова вводить эту информацию для каждой 
созданной кнопки. 
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Просмотр Корзины 


Последний шаг в создании сайта интернет-магазина - это добавление кноп- 
ки View Cart к навигационной панели, которая расположена agony каждой 
МеЪ-страницы в.шаблоне сайта. 

Чтобы выполнить это задание, вам сначала нужно удалить кнопку View 
Cart с каждой страницы шаблона. После этого вы сможете вставить свой 
вариант HTML-xoga. Для этого в окне Composer откройте меню Insert (Вста- 
вить) и выберите в нем команду HTML. Появится окно Insert HTML. В этом 
окне вы и должны вставить НТМГ-код, чтобы добавить кнопку View Cart для 
просмотра Корзины. | 

После того как вы добавите такую кнопку, пользователи смогут просмот- 
реть содержание своей Корзины в любое время, щелкнув по этой кнопке. 


Как связать все вместе - реальный опыт 
онлайнового шопинга 


Вы уже создали важные составляющие электронно-коммерческого сайта: 
список товаров, предназначенных для продажи; кнопку напротив каждого 
товара, которая добавляет товар в Корзину для покупок; форму для клиен- 
тов, в которой они могут сообщить информацию о своей кредитной карте и. 
купить товар, находящийся в Корзине. (Создать форму помог инструмент 
Merchant, предоставленный системой WebMoney.) | 

Теперь вы можете представить ваш сайт окружающим! Как обсуждалось в 
трех предыдущих главах, для этого необходимо опубликовать каждую страни- 
цу. Откройте в окне браузера Mozilla две страницы каждого шаблона и опуб- 
’ ликуйте их, щелкнув по кнопке Publish (Опубликовать) на панели инструмен- 
тов или открыв меню File (Файл) и выбрав команду меню Publish. Итак, вы 
опубликовали ваш сайт. Теперь давайте посмотрим на него с точки зрения 
покупателя - просмотрим продукты, добавим их в Корзину для покупок и 
оплатим заказ. | 

Рис. 4.16 содержит У’еЬ-страницу Просмотр флагов для продажи. Обра- 
тите внимание на то, что каждый флаг, выставленный на продажу, имеет 
кнопку В Корзину. Если посетитель щелкнет, скажем, по кнопке В Корзину 
рядом с флагом Австралии, откроется новое окно браузера, показывающее 
пользователям их Корзину для покупок. 
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Флаги для продажи: ‘ai ; Recent News: : 
4 Вт У cadence | 


; ‘ у : 
Флаг США ` New stock has just arrived! Check 
— Цена: $49.95 ` Out our new selection of international | #3 
: Раэмеры: 63.5‘ : flags that are on sale this month! 


: Вес: 7 ibs. : 
i : 3.20.2004 : 


‚ Starting in April we will be offerring 
half off on the price of shipping. 


: Welcome to the launch of the eFlags | # _ 
: Emporium Web site. We hope to i 

: become your source for flags and 

; flag accessories. 


| ВКОРЗИНУ 


&  Onar Италии 
Цена: $39.95 
: Размеры: 6%3.25* 
: Вес: 6.5 №5 


Рис. 4.16. Сначала покупатель должен просмотреть содержимое \ММеБ-страницы 
Просмотр флагов для продажи 


На этой странице пользователь может обновить количество товаров в 
своей Корзине для покупок или удалить товар. Щелкнув по кнопке с названи- 
eM, например, Продолжить выбор товаров, пользователь вернется на Web- 
страницу Просмотр флагов для продажи, на которой он сможет добавить 
флаги в свою Корзину для покупок. Пользователь завершает выбор товаров, 
щелкая по кнопке, например, Купить в Корзине для покупок. Это действие 
перемещает покупателя на страницу, которая содержит подробную информа- 
цию об оплате и предлагает пользователю возможность оплатить товар по 
счету через платежную систему WebMoney, если счет существует, или по кре- 
дитной карте (рис. 4.17). После завершения работы с окнами, связанными с 
оплатой, пользователь должен войти в систему в WebMoney под своим WMID 
или выбрать иной способ оплаты (по кредитной карте, чеками Paymer и т.п.). 
Пользователю предоставят квитанцию (счет). С его М/М-кошелька в системе 
WebMoney снимется нужная сумма и процент, который WebMoney берет при 
выводе денег из системы. 

После окончания сделки вы получите на почтовый ящик сообщение, ука- 
зывающее, какие товары купил пользователь, и содержащее адрес для дос- 
тавки. Вы обязаны доставить ‘купленный товар в срок. 
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Рис. 4.17. Пользователь может оплатить покупки из CBoero WM-kowenbKa 
или выбрать другой способ оплаты 
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В этой главе вы узнали о TOM, как создать реально функционирующий онлай- 
новый магазин с помощью инструмента WebMoney - Merchant. Вся сложная 
работа по созданию, поддержке Корзины для покупок и обработке платежей 
выполняется WebMoney за небольшой налог с продаж. 
Электронно-коммерческий сайт, который мы создали, является очень про- 
стым. Он содержит только самые необходимые элементы: список товаров; 


_кнопки для добавления товара в Корзину напротив каждого товара, который 


покупатель хочет приобрести; и средства, с помощью которых покупатель мо- 
жет оплатить заказ. Более сложные электронно-коммерческие сайты обычно 
включают дополнительные функции, в частности настройку интерфейса, поиск 
товара и возможность оставлять свое мнение о товаре. Но добавление такого 
типа функций требует более продвинутых технологий, чем язык HTML, и по- 
этому выходит за рамки этой книги. Однако простота электронно-коммерческо- 
го сайта, который мы создали, является достоинством сайта, а не его недостат- 
ком. За это время мы из ничего создали настоящий онлайновый магазин. 


. Продажа товаров 
на интернет-аукционе 


За последние несколько лет онлайновый шоппинг развился настолько, что 
из нововведения превратился в стандартное средство развития бизнеса. Те- 
перь многие обычные магазины предоставляют возможность покупать това- 
ры через Интернет, но есть и множество таких фирм, которые существуют 
только в Web и не имеют реального магазина. Статья от 2 июня 2005 года, 
написанная Шихоко Гото (Shihoko Goto) для «Юнайтед Пресс Интернэшнл», 
показывает всю важность онлайновой коммерции для экономики: «В наши 
дни не существует товара, который нельзя было бы купить в режиме онлайн». 
Как вы узнали в главе 4, продавать товары онлайн можно, даже если вы 
не специалист в компьютерной области. Самая основная проблема онлайно- 
вых продаж - это создание так называемой «тележки для покупок» (Корзи- 
ны для покупок), которую клиенты могут заполнить вашими товарами, и пре- 
доставление способа приема оплаты. В главе 4 вы видели, как включить 
услуги системы WebMoney в ваш У/еЬ-сайт, чтобы решить эти задачи. 
Приемы, которые обсуждались в главе 4, требуют, чтобы вы создавали 
свой Web-caiT с нуля. В этом есть свои преимущества — вы можете существен- 
но изменить общее впечатление от вашего онлайнового магазина, но вам 
придется приложить некоторые усилия. Сначала вам потребуется создать 
страницы для каждого товара, предназначенного для продажи, и, после того 
как товар будет продан, вручную удалить его со страниц вашего Web-canta. 
Хотя интернет-магазин, созданный в главе 4, полностью функционирует, он 
не содержит всех функций, нужных предпринимателям, которые продают 
много товаров. В частности, простой сайт не позволяет добавлять, редакти- 
ровать и удалять элементы, предназначенные для продажи, просматривать 
отчеты, анализирующие номера продаж, и т.д. Если вы продаете в онлайн 
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только несколько товаров, Web-caliT, созданный в главе 4, вполне будет от- 
вечать вашим требованиям, но если вы хотите работать с сотнями товаров 
каждый месяц, вы быстро поймете, что этот Web-caliT вам не подходит. 

В этой главе предлагается еще один вариант создания собственного он- 
лайнового магазина. Вместо того чтобы самому создавать УеЬ-страницы для 
вашего Web-calita, вы можете использовать различные торговые площадки - 
Молоток.Ру, Мегасток, eBay и другие. 

Молоток.Ру - это увлекательный интернет-аукцион. Продавцы выставля- 
ют на продажу принадлежащие им товары, а покупатели подают заявки на 
покупку этих товаров. Аукцион Молоток.Ру - всего лишь торговая площадка. 
В аукционе большинство услуг являются бесплатными. Те же пользователи, 
которые хотят получить больше услуг, получают такую возможность за до- 
полнительную плату. Весь перечень платных услуг вы найдете на странице 
Молотка в разделе Как пользоваться Молотком. В случае осуществления 
сделки - продажи товара - продавец выплачивает аукциону определенный 
процент. Процент - это плата за сделку. Он рассчитывается в зависимости от 
суммы, внесенной покупателем. Плата является обязательной для всех 
пользователей и автоматически списывается с персонального электронного 
счета пользователя на Молоток.Ру в случае успешного завершения торгов по 
его лоту. _ 


Примечание Принимая решение о том, использовать ли собственный онлайновый магазин 
или воспользоваться готовым, примите во внимание требования вашего биз- 
неса. Если вы рассчитываете на то, что у вас будут десятки уникальных това- 
ров в списке, или на то, что вы будете продавать сотни и более наименований 
товаров. в месяц, лучше использовать готовый магазин. Если же вы продаете 
только небольшое количество уникальных товаров или планируете продавать 
в месяц немного, то можно открыть собственный онлайновый магазин. 


Упростите процесс продаж 
с помощью аукциона Молоток.Ру 


Для создания успешного онлайнового магазина нужно учитывать много фак- 
торов. Самые важные аспекты, конечно, те, что связаны непосредственно с 
продажей вашего товара. К ним относятся составление списка товаров, выс- 
тавленных на продажу, предоставление посетителям удобных способов для 
совершения покупок и сбор и обработка информации O платежах. 
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Помимо этого для успешного развития онлайнового бизнеса необходимо 
помнить, что маркетинг - важный аспект любого бизнеса, как онлайнового, 
так и обычного. И, конечно, покупатели должны знать, что ваш магазин и 
товары действительно существуют, чтобы они смогли их приобрести! Также 
в любом бизнесе важно анализировать направления, наиболее популярные _ 
среди покупателей. Если вы содержите онлайновый книжный магазин со 
скидками и обнаруживаете, что клиенты в большом количестве покупают 
бестселлеры, а книги-руководства остаются нераспроданными, вы можете 
использовать эту информацию для того, чтобы увеличить список бестселле- 
ров и придумать новые способы продвижения на рынке ваших плохо прода- 
ваемых книг-руководств. 

В главе 4 вы научились создавать страницу, предлагающую товары для про- 
дажи. Для этого вы использовали шаблон У\еЬ-страниц онлайнового магази- 
на. Кроме того, вы подключились к WebMoney, чтобы эта система управляла 
онлайновой Корзиной для покупок и обработкой платежей. Слишком про- 
стой У\еБ-сайт делает непрактичным использование анализа рынка и бизне- 
са, потому что в этом случае возникает вопрос - как привлечь покупателей к. 
вашему Web-caity? 

Для повышения интереса к выставленному для продажи товару, привлече- 
ния внимания большего числа покупателей и возможности подороже про- 
дать свой товар воспользуйтесь такими услугами Молотка, как выделение 
названия лота цветом или изменение толщины шрифта, а также выставление 
‘лота в разделе Рекомендуемые. Последняя - очень полезная услуга для про- 
давцов. По нашей статистике, лоты, выставленные в категорию Рекоменду- 
‚ емые, продаются на 60% лучше, чем обыкновенные. Это вполне естествен- 
но: чтобы обратить на ваш лот внимание, нужно приложить определенное 
усилие - кроме привлекательного заголовка и хорошего описания лоты в 
категории Рекомендуемые выделяются среди всех остальных, и эта катего- 
рия привлекает особое внимание участников Молотка.Ру. Если вы продаете 
на нашем интернет-аукционе какой-либо товар, попробуйте воспользоваться 
любой из перечисленных выше услуг, и вы сразу увидите результат! 

_ Если вы планируете продавать в своем онлайновом магазине много това- 
ров или вас особенно интересуют аспекты анализа маркетинга и бизнеса, вы 
обнаружите, что на Молотке есть возможность некоторых видов маркетин- 
га, таких как рассылка по электронной почте, ключевые слова для поисковых 
систем. С помощью аукциона вы можете добавлять и удалять товары, пред- 
назначенные для продажи, в дружественной вам среде. 

Если вы захотите, ваши товары будут появляться в разделе Рекомендуемые 
или Горячие аукционы, чтобы посетитель мог легко найти определенный товар. 
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Примечание Хотя использование лота упрощает продажу товаров онлайн, при этом вы ли- 

шаетесь возможности настраивать интерфейс сайта (его логотип, торговую 
марку, дизайн и прочее). В интернет-аукционе Молоток вам предоставлена 
возможность немного изменять интерфейс, но общий вид Молотка все равно 
останется неизменным. Если вы хотите создать полностью уникальный мага- 
зин, который будет соответствовать вашему вкусу, создайте собственный он- 
лайновый магазин по шаблону (см. главу 4). 
В Молотке продавец сам выбирает, как он будет принимать платеж — в виде 
чека, по кредитной карте, денежным переводом, через платежную систему 
WebMoney и т.д., и не выполняет доставку до тех пор, пока не будет получен 
платеж. В онлайновом магазине, описанном в главе 4, WebMoney автомати- 
чески управляет приемом платежей, а в Молотке за это отвечаете вы сами, как 
владелец магазина. 


Создание и настройка магазина 
на Молотке.Ру 


Первым шагом в продаже товаров через интернет-аукцион Молоток являет- 
ся создание вашей собственной торговой площадки - лота (магазина). Что- 
бы посетить главную страницу Молотка, откройте ее, введя в браузере адрес: 
http:/ /molotok.ru. Если вы уже имеете учетную запись на Молотке, введите 
ваше имя пользователя и пароль. Далее щелкните в верхней части страницы 
по ссылке Продать. Так вы войдете в систему. Если же вы еще не регистри- 
ровались, то потратьте немного времени на то, чтобы создать бесплатную 


учетную запись. 
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Примечание Еслиу вас еще нет учетной записи продавца на Молотке, вам необходимо ее 
_ создать, чтобы открыть магазин и выставить свой лот на продажу. Учетная за- 
пись продавца — это стандартная учетная запись пользователя Молотка, но 
она требует того, чтобы в нее были включены некоторые дополнительные све- 
дения, такие как информация о кредитной карте; сведения о текущем счете; 
учетная запись платежной системы; подтверждение телефонного номера и 
адреса. 
Вам кажется, что требуется предоставить слишком много информации? Это. 
связано с системой безопасности, разработанной для того, чтобы выявить про- 
давцов-мошенников. Так что подробные сведения при регистрации только уве- 
личивают выгоду продавцов и покупателей, использующих Молоток. 


Для создания вашего магазина - лота на Молотке - нужно перейти в раздел 
Продать. В этом разделе вы должны определить категорию (рис. 5.1), к кото- 
рой относится товар, выбрать тип торгов, дать название и описание товара в 
вашем лоте и загрузить его изображения. Выбирайте точные названия для ва- 
шего товара, чтобы покупателю было понятно, что же вы предлагаете. 

Когда вы определите категорию товара, выбрав ее из предлагаемого Мо- 
лотком списка, выберите тип торгов (рис. 5.2). 

На аукционе Молоток доступны три вида торгов: 


» Стандартный. В этом типе торгов выставляется товар по начальной 
цене. Можете назначить и блиц-цену - сумму, за которую вы готовы от- 
дать товар, не дожидаясь окончания торгов. Эта цена видна участникам; 

» М-Лоток. Если вам не подходит аукционная система торгов, выставьте 
один или несколько одинаковых предметов по фиксированной цене; 

» Голландский. Выставляется один предмет и указывается его начальная 
и минимальная цена, ниже которой вы не хотите продавать товар. Ми- 
нимальную цену участники торгов не видят. Они предлагают цену, рав- 
ную начальной или ниже. 
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Раздел размещения 
объявлений о продаже 


Шаг 1: Выбор категорни. 


* Шаг 2: Выбор типа торгов. 


Шаг 3: Подробное описание лота. 
Шаг 4: Загрузка изображений. 

Шаг $: Допопмительные опции. 
Шаг 6: Предварительный просмотр. 


Нивы $631 24725 


Раздел размещения 
объявлений о продаже 
Lar 1; Выбор категории. 
ПЬг 2: Выбор тика торгов. 
Шаг 3: Подробное описамие лота. 
Шах 4: Загрузка изображений. 
Ilr 5: Дополнительные опции 
Lar 6: Предварительный просмотр. 


OL OF 28 


Рис. 5.2. Выберитетип торгов 
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После того как вы выберете вариант торгов и установите переключатель 
в нужное положение, нажмите кнопку Дальше. Затем введите название и 
описание товара. 
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Описание, как вы уже, наверное, догадались, позволяет получить подробную 
информацию о продаваемом товаре в вашем лоте. Его можно ввести в тексто- 
вом формате или в виде HTML (рис. 5.4). В поле Описание внесите информа- 
цию, так чтобы она была понятна покупателю и могла бы его заинтересовать. 
Кроме того, информация из этого поля обрабатывается поисковыми системами 
и позволит потенциальному покупателю скорее найти ваш товар. 


- 


| molotok # ru 


о Вы авторизованы под псевдонимом аийхг (выйти) 


+ 


Раздел размещения 
объявлений о продаже is 
Шаг 1: Выбор категории. 
ШЬг 2: Выбор типа торгов, 
Lar 3: Подробное описание лота. 
Lar 4: Загрузка изображений. 
Lar 5:Дополмительные опцим 
ШЬьг 6: Предварительный просмотр. 
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` Рис. 5.4. Введите название и описание для вашего лота 


Итоговым шагом в создании вашего магазина является загрузка изображе- 
_ний товара и просмотр созданного лота. 

_ Вы успешно сформировали лот для вашего магазина на Молотке. Теперь 
вам предстоит настроить ваш лот. — 


Управление аукционом 


После того как вы создадите лот для продажи на Молотке, вы сможете им 
управлять. Щелкнув по ссылке Мой Молоток, расположенной вверху каждой 
страницы сайта (ссылка обведена в кружок на рис. 5.5), вы должны выпол- 
нить авторизацию, чтобы попасть на свою домашнюю страницу на Молотке. 
На открывшейся странице выберите аукцион, которым вы хотите управлять, 
щелкнув по одной из соответствующих ссылок. Чтобы внести изменения в 
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выбранный аукцион, воспользуйтесь Панелью управления, расположенной 
в левой части страницы. Если вы щелкнете по ссылке Редактировать рек- 
визиты, вы сможете отредактировать сведения, которые ввели при регист- 
рации на Молотке, а именно телефон, местонахождение, Е 
информацию для покупателей и т.д. 

ЦЩелкнув на этой панели по ссылке Управление лотами, вы попадете на 


страницу с вашими аукционами, показанную на рис. 5.5. 
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Рис. 5.5: Спомощью страницы Мои аукционы измените информацию в вашем лоте 


Страница Мои аукционы содержит таблицу с описанием лотов. Как вид- 
но из рис. 5.6, в таблице показано количество активных элементов, их цена, 
количество заявок на товар, оставшееся время торгов. Информацию в таб- 
лице можно отсортировать по любому из столбцов. Просто наведите. указа- 
тель мыши на нужный заголовок и щелкните по нему. 

Над таблицей правее заголовка Фильтры расположены ссылки, выбор кото- 
рых позволяет вам изменять конфигурацию определенной части вашего лота. 
Если в таблице в самой правой колонке есть значок в виде пера, то при наведе- 
нии на него указателя мыши вы увидите подпись Отредактировать. Щелкните 
по этой ссылке и переместитесь на страницу, на которой вы сможете изменить 
название лота, описание и категорию, которые вы выбрали при создании лота. 
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Рис. 5.6. Описание лота на странице Мои аукционы 


Примечание Помимо списка (ссылок) по настройке существует много других параметров, 
о которых вы узнаете в следующих разделах этой главы. Например, список 
покупателей (контрагентов), баланс счета и т.д. 


На изменение параметра Категории вашего аукциона вам придется, потратить 
некоторое время. Добавляя товар к аукциону, выберите категорию, к которой 
принадлежит товар. Когда кто-либо будет просматривать ваш лот, он сможет при 
желании просмотреть только те товары, которые принадлежат к определенной 
категории. По этой причине я рекомендую вам добавить к вашему магазину-аукци- 
ону сначала все категории, а затем товары, предназначенные для продажи. 

Чтобы добавить категории к аукциону, щелкните по ссылке Управление 
лотами под заголовком Панель управления. Вы увидите страницу, похожую 
на ту, что изображена на рис. 5.6. На ней перечисляются категории вашего 
магазина-аукциона. Чтобы выбрать другую категорию, просто щелкните в стро- 
ке под заголовком Аукционы в категориях и перейдите к нужной. 


Примечание До появления первой заявки вы можете отредактировать описание товара, из- 
менить цены и продолжительность торгов. После поступления первой заявки 
редактирование параметров лота, выставленного на стандартный или голланд- 
ский аукционы, невозможно. 
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Вы можете также снять свой товар с продажи до окончания торгов, если 


у Bac есть на это серьезные причины: 


> вы продали товар другим способом в период действия аукциона; 
» вы решили не продавать товар, уже выставленный на продажу. 


Снять свой товар с аукциона можно, воспользовавшись функцией Отре- 
дактировать лот (на рис. 5.7 она обведена в кружок). 
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продат ь свой товер. Ты нашими рекомендациями. 


Воспользовавшись функцией "Редектироветь реаквизить!" из раздела "Мой Молоток", Вы можете указать 


информацию, которая будет высылаться Вашим контрагентам после успешного завершения торгов. 


Mb: Tacks советуем Зам в течение действия аукциона заходить на Мопотск Ру и проверять ход торгов 


Добавление товаров к аукциону 
на Молотке 


Теперь, когда ваш лот настроен, можете выставлять его на продажу. Если же 
захотите еще добавить товар к вашему аукциону, щелкните по ссылке Про- 
дать, расположенной вверху каждой страницы Молотка. Это действие пере- 
несет вас на страницу Продать (показанную на рис. 5.9). 
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Раздел размещения 
объявлений о продаже 
Шаг 1: Выбер категорни. 
Шаг 2: Выбор типа торгов. 
Шаг 3: Подробное описание лота. 
Нее, армия Мады Е. ’ Шаг 4: Загрузка изображений. 
т: + Книги, Видео, Музыка у Е. fics | > lar 5: Допопнительные опции. 


| +Коплюжционировамие gett : lar 6: Предварительный просмотр. 
‚1 + Компьютеры, Программмое обеспечение 4 


Рис. 5.9. Чтобы добавить NOT стоваром, выставляемый на продажу, щелкните по кнопке Продать 


Как при выставлении товара на продажу, так и при подаче заявки обращай- 
те внимание на тип аукциона, в котором вы участвуете: 


Примечание Обсуждение того, как продавать недвижимое имущество через Молоток, вы-_ 
ходит за рамки этой книги. 


При перечислении элементов в онлайновом аукционе вы назначаете на- 
чальную цену торгов и длительность аукциона. В период проведения аукциона 
пользователи могут торговаться, и лицо, назначившее самую высокую цену, 
побеждает в торгах. Например, представьте, что я хочу продать копию моей 
книги «Научитесь пользоваться ASP.NET за 24 часа» с помощью магазина Мо- 
лоток в формате аукциона. Я могу назначить начальную цену в 5 долларов и 
установить длительность аукциона - семь дней. После того как я внесу товар в 
список, начнется аукцион и в течение следующих семи дней пользователи 
могут участвовать в торгах. При помещении товара в список для торгов ваш 
товар появляется и в вашем лоте, и в общем каталоге на сайте Молоток. Ру. То 
есть, если кто-то ищет в Молотке что-то, касающееся АЗРМЕТ, ваш аукцион 
появится в результатах поиска. Этот аукцион также появляется, когда кто-то 
посещает непосредственно ваш магазин на Молотке. 


* 
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_ Хотя аукционы могут привести к оживленным торгам и - как следствие - 
к более высоким ценам на товар, многие продавцы не любят неопределенно- 
сти аукциона. Вместо этого они продают товар по фиксированной цене, исполь- 
зуя такой тип торгов, как М-Лоток. Как и в онлайновых аукционах, в М-Лотке 
товары по фиксированной цене имеются в списках только определенный пери- 
од времени. Товары, добавленные при использовании фиксированной цены, 
будут появляться как в вашем лоте, так и в общем каталоге Молотка. Однако 
этот тип торгов не будет вам доступен, если вы eer re менее двух 
недель назад.. 

После того как вы решите, в каких торгах будет продаваться ваш товар, 


вы сможете добавить его уже известным вам способом. Единственное OTJIN- 


чие заключается в TOM, что если у вас есть лот, TO при добавлении нового 
элемента, выставляемого на продажу, вас попросят выбрать категорию, под 
которой товар будет перечислен в этом лоте. 
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производства сайтов подобрано на одном портале: софт, 
документация, коллекции скриптов, статьи и полезные советы 
специалистов, РАО-форумы по PHP & MySQL, Perl, JavaSript 
Количаство пареходав — i901 - 


Виблиотека Мастера 

Большая коллекция материалов для вебмастеров по любой 
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вам помогут советом и делом. Здесь вы можете найти как 
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После Toro как вы внесете в список все товары, они автоматически доба- 
вятся к вашему аукциону на Молотке, и, если вы выберете онлайновый аук- 
цион или М-Лоток, товары также появятся в общем каталоге Молотка (раздел 
Что в продаже?). Рис. 5.11 показывает страницу Мой Молоток с товаром, 
выставленным на продажу в разделе Мои аукционы. 


Мои аукционы 


SB Homme & Залертьющиеся 


Fen > БЗК Maletok Ru та 
|. & AR Rigins Reserved 32838 Sew 


Рис. 5.11. Каждый внесенный в список товар появляется в вашем аукционе Молотка 
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Мой Молоток - это главная страница моего магазина-аукциона на Молот- 
ке. Она перечисляет все аукционы и товары, выставленные на продажу и 
расположенные по категориям и по времени, которое осталось этому това- 
ру находиться на аукционе. 

Если вы перейдете по ссылке на страницу Что в продаже?, то в верхней 
центральной части этой страницы увидите поле Регион: Все регионы (13- © 
менить) и поле с раскрывающимся списком Все категории, которое потен- 
циальные клиенты могут использовать для того, чтобы быстрее искать това- 
ры в определенном регионе и нужной категории вашего аукциона. Под ним 
находится список категорий, в которых содержатся товары, выставленные 
на продажу. Щелкнув по ссылке Категории на этой странице, посетитель 
узнает, какие товары принадлежат этой категории. 


Примечание После добавления нового товара может пройти несколько минут, прежде чем 
товар появится в вашем аукционе. 


Прием платежей и выполнение заказа 


После того как вы добавите все товары к вашему лоту, вам останется ждать, 
когда клиенты купят ваш товар. Давайте предположим, что в вашем магази- 
не находится покупатель, который заинтересован в том, чтобы сделать по- 
_ купку. Что происходит после того, как пользователь совершает покупку и 
оплачивает ее? Как собственно выполняется заказ? 

To, как покупатель совершает покупку, зависит от того, на каком типе тор- 
гов значился товар, выставленный на продажу. Если товар предлагался на аук- 
ционе, клиент может принять участие в торгах, но этот товар не считается 
купленным до окончания торгов и только по его окончании лицо, предложив- 
шее самую высокую цену, получает товар. (При создании аукциона вы можете 
добавить блиц-цену, которая позволяет заинтересованному клиенту прежде- 
временно окончить аукцион, согласившись купить товар по этой цене.) 

Если товар, который покупают, значился по фиксированной цене, пользо- 
ватель соглашается на цену товара и покупает его сразу же, не дожидаясь 
окончания торгов. 

Помните, что Молоток не управляет процессом оплаты. Он просто пре- 
доставляет продавцу способ выставить товары на продажу, а покупателю спо- 
соб выбрать, какой TOBap OH хочет купить. А сбор платежей полностью ло- 
жится на ваши плёчи. При внесении в лот товара, предназначенного для 
продажи, вы сами выбираете способ оплаты - например, через систему 
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WebMoney, с помощью кредитной карты, личных чеков, денежного перево- 
да и т.д. (рис. 5.12). Когда покупатель соглашается купить один из ваших това- 
ров, вы и покупатель должны согласовать способ оплаты. Вы можете пере- 
дать покупателю ваш адрес, чтобы он сделал денежный перевод, или дать ему 
информацию о том, как перевести нужную сумму Ha ваш \У/М-кошелек. При 
заключении сделки покупателю (контрагенту) будет предоставлен ваш e-mail, 
адрес, а также информация, о вы указали в специальном поле для от- 
правки покупателям. 


Bawepure особ пенсии 


$ © ИНЫХ Maiciok Ru 
Ad fights Reserved. 


Puc. 5.12. При внесении в NOT TOBapa, предназначенного для продажи, 
вы сами выбираете способ оплаты 


После того как товар будет куплен, вы получите электронное сообщение, 
информирующее вас о покупке, а товар будет автоматически исключен из 
инвентаря вашего онлайнового магазина. (При добавлении товара вы може- 
те обозначить, сколько единиц данного товара у вас имеется.) Когда товар 
закончится, он будет полностью удален из вашего лота. 
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После того как вы получите уведомление по электронной почте о том, 
что была совершена покупка, вы должны связаться с покупателем, ` чтобы 
согласовать способ оплаты. После того как вы получите платеж, вы должны 
организовать доставку товара. Сделка будет завершена лишь тогда, когда вы 
получите деньги и доставите товар. 


Использование средств маркетинга 


Любой бизнесмен знает, что, даже если самый лучший товар доступен по са- 
_мой низкой цене, это ничего не значит, если клиенты не посещают ваш мага- 
зин. В целом фирмы тратят миллионы долларов в год на рекламу, давая вам 
знать о своем существовании и предлагая посетить их магазины. Реклама на 
«Желтых страницах» или в газетах, по радио и на досках объявлений - один 
из стандартных способов привлечь потенциальных клиентов. В онлайновом 
бизнесе привлечение клиентов включает те же методы, но при этом исполь- 
зуются другие инструменты: 


» список заголовков. Добавьте ссылку на ваш аукцион во всех описаниях ва- 
шего товара. Это даст возможность постоянно представлять ваш товар 
тем, кто осуществляет поиск и находит ваш перечень через каталог. 
Если же вы хотите привлечь еще больше покупателей, закажите рекла- 

- му для ваших аукционов на страницах категорий верхнего уровня и глав- 

ной странице. Эту рекламу увидят тысячи потенциальных покупателей. 
Воспользовавшись этими возможностями, вы значительно увеличите 
свои шансы максимально выгодно продать свой товар с Молотка; 

> маркетинг по электронной почте. При посещении Молотка покупатели 
смогут подписаться на новости о товарах выбранной категории. Затем 
вы сможете высылать сообщения подписавшимся лицам, уведомляя за- 
интересованных клиентов о продажах и специальных предложениях; 

» рекламные флаеры. При доставке купленного товара клиенту вы можете 
вместе с товаром вручить рекламный флаер, чтобы проинформировать 
покупателей о дополнительных товарах в вашем магазине, в которых 
они могут быть заинтересованы; 

»> ключевые слова поисковых систем. Каждая страница на Молотке содержит 
специальные элементы HTML, которые позволяют поисковым систе- 
мам находить ваш магазин. Вы можете настроить эти слова для каждого 
лота в вашем аукционе на Молотке. 
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Эти приемы маркетинга могут использоваться для того, чтобы помочь 
прорекламировать ваш сайт и привлечь новых клиентов. Сначала я рекомен- 
дую вам поработать над составлением списка товаров в вашем магазине 
(лоте). После того как все будет правильно организовано и готово к работе, 
вы можете заняться маркетингом, но не раньше. 


Анализ продаж и трафика 


После того как вы заполните товаром ваш магазин и начнете привлекать 
клиентов с помощью маркетинга, не расслабляйтесь. Даже магазин, который 
успешно ведет торговлю, всегда может торговать лучше. Один из способов 
поднять ваши продажи - это анализ текущих и прошлых продаж и различных 
направлений в вашем магазине. 

Продается ли определенный тип товара лучше, чем другой? Если так, вам, 
возможно, нужно лучше рекламировать второй тип товара. Или, возможно, о 
стоит прекратить продавать второй тип товара и сосредоточиться на хоро- 
шо продаваемых товарах. Ваш рейтинг может проиллюстрировать TO, как 
часто пользователи просматривают ваш сайт — попадают ли они на него пос- 
ле просмотра общего каталога Молотка или через поисковые службы? Есть 
ли определенный лот, который просматривает большая часть посетителей? 
Если так, имеются ли ссылки на ваши самые продаваемые товары? 

Чтобы иметь возможность проводить анализы такого типа, у вас обязатель- 
но должны быть необходимые сведения. Интернет-аукцион Молоток предос- 
тавляет за дополнительную плату возможность установить счетчик показов 
вашей страницы, на основании которой вы можете получить картину продаж. 
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Счетчик является очень полезным инструментом для оценки заинтересо- 


ванности покупателей в вашем товаре. Если количество показов небольшое, 


то, скорее всего, вам необходимо воспользоваться дополнительными услугами 
по его рекламе. Если число пользователей, ознакомившихся с вашим предло- 
жением, велико, но ставок на лот нет, то, вероятно, надо серьезно подумать о 
снижении цены. В любом случае счетчик поможет вам сориентироваться в 
ситуации. 

Установить счетчик показов на страницу лота можно во время его выстав- 
ления или редактирования. Для этого отметьте флажком поле Установить на 
странице лота счетчик показов в строке Сервисные услуги. Значение счет- 
чика вы сможете посмотреть в любой момент в разделе Мой Молоток на 
странице своих действующих или завершенных аукционов. 


Изучение рейтинга вашего аукциона 


Каждый раз, когда посетитель посещает ваш аукцион на Молотке, информа- 


ция о его посещении сохраняется. 

Кроме того, Молоток предоставляет возможность оставить отзыв, ком- 
ментарии о сделках, в которых вы принимали участие. Отзывы покупателя и 
продавца друг о друге очень важны, так как непосредственно влияют на их 
рейтинг. Рейтинг участника является основным индикатором его репутации 
на сайте Молоток.Ру. Рейтинг могут изменять только непосредственные уча- 
стники сделки (контрагенты): продавец и покупатель. 

Рейтинги участников рассчитываются по следующим правилам: 


» положительные отзывы от уникального контрагента увеличивают рей- 
тинг на 1; 

>} отрицательные отзывы от уникального контрагента уменьшают рей- 

—  тинг на 1: | 

» каждый снятый с торгов на стандартном или голландском аукционе лот, 
на который уже были поданы заявки выше минимальной цены, умень- 
шает рейтинг на 1; | 

> каждый нейтральный отзыв от контрагента оставляет рейтинг неиз- 
менным. 


Изучив рейтинги, вы сможете проанализировать информацию о трафике 
вашего сайта. Вы увидите, какой товар наиболее популярный и как покупате- 


_ ли находят его на Молотке. 


Чтобы просмотреть рейтинг участника, на странице с выбранным лотом 
щелкните по имени продавца (как на рис. 5.13). В этом случае вы получите ин- 
формацию о количестве посещений вашего аукциона, сможете ознакомиться 
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стоятельные рейтинги поспавиа и покупателя со 
Рис. 5.13. Пример страницы участника со статистикой отзывов 


с отзывами о продавце и покупателях этого продавца. Отчет содержит чис- 
ло посещений страницы за 3 месяца, за месяц и рейтинг. Каков рейтинг учас- 
тника, вы увидите при просмотре его лота с товаром. Он отображается раз- 
личными значками в самом правом столбце лота. 

Информация о трафике вашего магазина на Молотке не будет представ- 
лять никакого интереса, пока ваш аукцион не просуществует несколько ме- 
сяцев. До этого времени отчеты не будут иллюстрировать никакой информа- 
ции и не смогут продемонстрировать никаких тенденций, которые можно 
будет использовать, чтобы исправить маркетинг. 


Отслеживание продаж. 


В ежедневной работе по онлайновой продаже товара вы сосредоточены на 
добавлении новых товаров в ваш магазин, получении платежей и доставке 
купленных товаров. Вас больше беспокоит недавняя ситуация, например, 
когда покупатель сказал, что его покупку долго доставляют, а не картина про- 
даж в вашем магазине в целом. Однако, чтобы правильно организовать ваш 
магазин, вам необходимо время от времени внимательно присматриваться к 
общим тенденциям по продажам, имеющимся на вашем аукционе. Продается 


« 
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# 


ли один товар намного лучше, чем другой? Замечаете ли вы всплеск покупок 
спустя неделю, после того как вы разослали электронные сообщения потен- 
циальным покупателям аукционов Молотка? 
Такой взгляд на ваши продажи поможет вам направить ваше внимание, 
_ деньги и энергию на увеличение продаж и определение тех приемов марке- 
тинга, которые к ним приводят. 
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ванный на ‚вск 


Если вы продаете товар с помощью аукциона, вам, возможно, интересно 
узнать, есть ли какая-либо взаимосвязь между длительностью аукциона или 
датой его окончания и итоговой ценой за товар. 

Как и отчеты о трафике, отчеты о продажах становятся полезными толь- 
ко тогда, когда вы произвели уже достаточно продаж, чтобы из данных мож- 
_ но было извлечь выгоду. После Toro как ваш магазин будет основан и пройдет 
по меньшей мере несколько недель, в течение которых будут совершаться. 
продажи, вы сможете просматривать отзывы участников о продажах вашего 
аукциона, искать тенденции и другую информацию, которая поможет вам ус- 
пешнее осуществлять продажи. 


Совет Проанализируйте, сколько от суммы сделок вы отдаете аукциону ежемесяч- 
но, еженедельно. Вы можете использовать эти данные для того, чтобы отсле- 
живать происходящее в вашем магазине на более высоком уровне. 


Все - от книг до одежды, от электроники до ПУЛ-дисков - миллионы людей 
покупают в режиме онлайн. Если вы готовы начать бизнес в Интернете, у вас 
есть два варианта, с помощью которых вы можете продать ваш товар: ис- 
пользуйте созданный вами УеБ-сайт онлайнового магазина, который описы-. 
вался в главе 4, или участвуйте в интернет-аукционе. Ваш индивидуальный 
МеЪ-сайт дает вам намного больше возможностей для настройки внешнего 
вида Web-calita и позволяет включить обработку платежей с помощью пла- 
тежной системы, например WebMoney, но продажи на интернет-аукционе 
Молоток намного упрощают. процесс добавления товаров к вашему варианту 
магазина. 

Помимо этого пользоваться Молотком очень несложно. Он имеет друже- 
ственный интерфейс. Если ваши клиенты знакомы с магазинами такого типа, 
то для них будет проще совершать покупки на интернет-аукционе. 


за ©. Создание блога 
< помощью WebBlog 


В самом начале развития Всемирной паутины публикация контента требова- 
ла глубоких знаний, которыми обладали только эксперты в области компью- 
теров. С тех пор многое изменилось; и благодаря большому количеству инст- 
рументов и программ публиковать информацию в режиме онлайн стало очень 
просто (так же, как форматировать документ с помощью текстового процес- 
copa, такого как Microsoft Word). 

Для создания собственного Web-caiita нужно выполнить два шага: 


1. Приобрести \УУеЪ-сайт, то есть связаться с вашим ISP или компанией, 
предоставляющей хостинг для Web-calita, а также зарегистрировать имя 
домена (см. главу 2). 

2. Наполнить У\еЬ-сайт содержанием, то есть изменить предоставленный 
шаблон Web-caiita и создать страницы, из которых будет состоять ваш 
сайт (см. главы 3, 4). 


Из разговоров с читателями выяснилось, что большинство посчитали пер- 
вый пункт административным нюансом, в котором они не разобрались. Хотя 
были читатели, которые нашли изучение внутренней структуры Интернета 
интересным и увлекательным занятием, большинство просто хотели создать 
сайт и делиться информацией со всем миром. Для тех, кто хочет быстро и 
легко опубликовать свое содержание в Web, не привлекая провайдера, пре- 
доставляющего хостинг для Web-calita, и не регистрируя имя домена, более 
подходящим вариантом может оказаться блог. 

Блог - что-то вроде онлайнового журнала; УеЪ-сайт, к которому создатель 
блога может легко добавлять содержание. Используя блог, вам HE нужно со- 
здавать собственный УеЬ-сайт или регистрировать имя домена; управление 
вашим блогом выполняется на существующем сайте компании. Создатели блогов 
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прилагают все усилия, чтобы сделать настройку, конфигурирование, редакти- 
рование и добавление содержания к блогу максимально простыми. Как вы 
увидите в этой главе, всеми аспектами работы с блогом можно управлять из 
Web-6paysepa. Вам не нужно использовать редактор Mozilla Composer, чтобы 
изменять и добавлять новое содержание к вашему блогу. Достаточно исполь- 
зовать только Internet Explorer или любой другой Web-6payz3ep. 

Хотя блоги легко создавать и обновлять, они просто идеальны для сайтов, 
посетители которых заинтересованы только в последних добавлениях к сай- 
ту. Обычно домашняя страница блога перечисляет 10-15 последних записей, 
которые были сделаны в блоге. Каждый раз, когда вы создаете новую запись 
в блоге, она автоматически добавляется к домашней странице блога, замещая 
старые записи. “ | 

По этой причине не стоит использовать блог в качестве клубного сайта 
(сайта для сообществ) или для электронно-коммерческого сайта. Используя 
эти типы сайтов, вы, вероятно, захотите иметь больше контроля над домаш-_ 
ней страницей сайта и не захотите, чтобы более старое содержание исчезало 
со страницы. Блоги - отличный выбор для семейного/ персонального сайта. 
Многие пользователи используют блоги в качестве онлайнового дневника, в 
который можно добавить записи с любого компьютера, имеющего подключе- 
ние к Интернету, и который может просмотреть любой человек. 

Обычно блоги различаются ценами и выполняемыми функциями. Но мож- 
но выделить общие функции, свойственные большинству блогов: 


» просмотр самой последней информации, а также более старый контент 
для посетителей блога; 

» простой, быстрый способ добавления к блогу нового содержания для 
создателя блога; 

» настройка внешнего вида блога. 


Эта глава показывает, как создать блог с помощью различных служб и ис- 
пользовать предлагаемые функции. 


О чем пишут в блоге _ 


За последние несколько лет популярность блогов сильно возросла. Исследо- 
вание, проведенное в 2005 году, установило; что в Интернете существует бо- 
лее чем 10 млн. блогов и что ежедневно их создается более 10 000! Блоги так 
популярны потому, что они позволяют каждому, вне зависимости от уровня 
компьютерных знаний, опубликоваться онлайн. 
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Большинство людей используют блоги в качестве онлайновых дневников, 
которые рассказывают об их повседневной жизни. Другие создают блоги, 
посвященные определенной теме, такой как последние события, связанные 
с их любимой спортивной командой, или комментарии о политике. Даже 
фирмы создают блоги для более тесного общения с клиентами. Например, на 
http://blog.ford.com вы найдете Блог Форда Мустанг - это блог, который 
создавался командой разработчиков Мустанга для тех, кто интересуется ма- 
шинами. Известная поисковая служба Google держит интернет-серферов в 
известности о своих последних предложениях с помощью блога их компании, 
который можно увидеть на Бир:/ /www.google.com /googleblog. 

Перед созданием своего блога решите, о чем будете писать. Будете ли вы 
использовать его в качестве онлайнового дневника, к которому предостави- 
те доступ членам семьи и друзьям? Посвятите ли вы его определенной теме? 
_ Если вы занимаетесь бизнесом, может ли блог стать полезным инструментом 

маркетинга, предназначенным для общения с уже существующими и потен- 
циальными клиентами? | 


Совет Испортить блог могут две вещи: устаревшее содержание и содержание, не со- 
‚ ответствующее теме. Посетители вашего блога заинтересованы в последних 
записях, и они перестанут его посещать, если увидят, что последняя запись 
была сделана шесть месяцев назад. Также, если вы создаете блог, посвящен- 
ный определенной теме, постарайтесь не отходить от нее. Люди, посещающие 
такие блоги, заинтересованы в этой теме; не расстраивайте ваших читателей, 

рассматривая темы, не имеющие прямого отношения к заявленной. 


Создание блога _ 


Первый шаг в создании блога - выбор сервиса. Существует множество блог- 
герских сервисов, и каждый усиленно рекламирует предоставляемые функ- 
ции и ценовый диапазон. Некоторые компании предлагают основные функ- 
ции бесплатно, а дополнительные за определенную плату; другие - не имеют 
бесплатных вариантов, но они предоставляют бесплатный период для озна- 
комления с их услугами. Вот несколько сервисов, предлагающих создание 
блогов (живых журналов), как массовых, так и личных (здесь перечислены 
только немногие): 


> LiveJournal (вир:/ /мим.Глуе]оигпа1.сот) имеет самый высокий рейтинг 
в российском пространстве; 
> WebBlog (http://www.WebBlog.ru) - удобный и простой сервис; 
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» Blog-baster (http://www. Blog-baster.ru); 

»> MovableType (http: //www.SixApart.com/movabletype); 
» SquareSpace (http:/ /www.SquareSpace.com); 

> MyBlogSite (http: / /www.MyBlogSite.com); 


Эта глава показывает, как создать блог, используя очень простой сервис Web- 
Blog. Он предлагает бесплатное создание персонального блога, который имеет 
удобный набор функций и прост в использовании. При создании вашего перво- | 
го блога следите за происходящим и используйте WebBlog, но, если вы будете | 
не довольны результатом, изучите сайты других компаний, имеющих блоги. 

Чтобы начать создание блога, запустите любой Web-6paysep и посетите 
стартовую страницу WebBlog на http://www.WebBlog.ru (рис. 6.1). Зарегист- 
рируйтесь, чтобы создать новую учетную запись в WebBlog. | 


Рис. 6.1. Создайте новый блог на странице WebBlog 


г] 


Примечание В правой части стартовой страницы WebBlog вы увидите поля для входа в систе- 
му. Вы сможете войти в нее, только если учетная запись уже создана (то есть если 
вы уже зарегистрировались). После того как вы создадите ваш блог на WebBlog и 
захотите добавить содержание к блогу, вам нужно будет на стартовой странице 
ввести в соответствующие текстовые окна ваше имя пользователя и пароль. 
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Полностью раскройте потенциал получения 
доходов от Вашего веб-сайта 


Google AdSense - это быстрый и простой способ для издателей 
вебсайтов любых разыеров размещать подходящие по смыслу 
объявления Google на содержательных страницах сайтов и 
зарабатывать деньги. Поскольку объявления связаны с тем, что 
посетители хотят найти на Вашем сайте и что отвечает их запросам 
и интересам, у Вас наконец есть возможность получать доходы со 
своих содержательных страниц. одновременно добавляя к ним 
полеэную функцию. Узнать подробнее об AdSense вла коятекств. 


„Издатели веб-сайтов также могут предоставлять своим посетителям поиск Google как no 
Интернету, так и непосредственно по сайту, зарабатывая деньги от объявлений Google, 
располагающихся на страницах результатов поиска. Узнать подробнее 06 AdSense для лонска. 


Начать очень просто! csi ce ES AAT S 


Связанные программы 


© Sorgle AdWords увеличивает поток посетителей Вашего сайта при помощи контекстных 
объявлений, появляющихся на сайте Google. 


ИММИНИУИНИИУИНИМУУМИМИМУНЫМИ 


Расширьте ваш сайт — и вашу прибыль. 


Заставьте ваших пользоезтелей вернуться по контекстно нацеленным объявлениям. 


Вы хотите заработать больше gener от рекламы, но Вы не хотите поддерживать не нацеленные объявления 
для ваших пользователей. Google AdSense ™ решает эту проблему, автоматически предоставляя текстовые 
и графические объявления, которые нацелены на постраничной основе на ваш сайт и содержание вашего 
сайта — поэтому объявления хорошо нацелены, т.е. фактически те, которые ваши читатели найдут 
полезными. И это сэначает больше кликов. 


Доступ к тысячам рекламодателей с минимальными усилиями. 


Подписание и поддержка отношений с рекламодателями - работа на полную ставку. К счастью, Google 
AdSense делает это для Вас. Наш диапазон рекламодателей - от всемирных брендов до маленьких местных 
компаний, в категориях от Образования до Путешествий, от Ипотеки до Обстановки внутреннего дворика. 
Важнее всего, что как только Вы начнете работать, программа AdSense не требует фактически никакого 


обслуживания. 


Поднимите потенциал дохода вашего сайта. 


Когда Вы показываете объявления Google на Вашем сайте, Вы максимально используете потенциал Вашего 
сайта. Google дает возможность релевантным объявлениям CPC (цена за клик) и СРМ (цена за тысячу 
показов) соревноваться друг с другом в атмосфере аукциона. Победитель аукциона определяется. 
моментально и Google автоматически показывает текстовые или графические объявления, которые принесут 
максимальный доход для данной страницы - и максимальный доход для вас. 
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Размещение рекламы - один из способов, с помощью которого вы можете 
заработать деньги на вашем \УеБ-сайте, ничего не продавая. 
Щелкните по ссылке Зарегистрироваться, чтобы создать вашу учетную 
запись. На первом шаге (рис. 6.3) необходимо заполнить все поля, помечен- 


ные символом *, то есть дважды ввести имя пользователя (логин) и пароль. 


Эти данные будут использоваться при входе в систему WebBlog, а также для 
обновления вашего блога. Вас также попросят выбрать отображаемое имя, 
которое будет появляться после каждой записи в блог". 


ta Ш Регизшания | блучайныб дневник | статистика ! Новости | Поиск 


еее мечи пищи dale eee eae ewe ee 


Рис. 6.3. Выберите имя пользователя (логин), пароль и отображаемое имя 


' Так называемый ник (прозвище). — Прим. науч. ред. 


=” 
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_ На втором шаге в процессе создания блога требуется предоставить ин- 
‘формацию, необходимую только для вашего блога, такую как его название 
(заголовок журнала), описание журнала, категория, личные данные, в част- 
ности ваш пол, дата рождения, страна и город (рис. 6.4). Заголовок блога бу- 
дет появляться в верхней части его домашней страницы. ОВГ-адрес вашего 
блога по умолчанию будет иметь вид: Вир:/ /ммммеБЫо5.га/имя_пользова- 
теля. Сведения из вашего профайла являются конфиденциальными. Для этой 
главы создадим блог, который предоставляет информацию о путешествии. 

Если у вас уже есть общественный Web-caiit, который поддерживает дос- 
туп к ЕТР, вы можете изменить конфигурацию вашего блога, управляя ею с 
этого Web-caiita. Для этого щелкните по ссылке Расширенные настройки 
блога и следуйте инструкциям. 


ходы, "Путешествия на байдарках. С 
друзьями. 


Рис. 6.4. Дайте название своему блогу на странице регистрации 


Самый последний шаг в процессе установки позволяет вам выбрать шаб- 
лон, который будет использоваться для вашего блога. Как видно на рис. 6.5, 
WebBlog предлагает ряд шаблонов, которые вы всегда можете поменять. Вы- 
| берите шаблон, который удовлетворяет вашему вкусу. 

Выбрав шаблон, щелкните по кнопке Продолжить, чтобы завершить про- 
цесс регистрации. Ваш блог создан. Теперь добавим в него новое содержание 
и изменим его внешний вид. 


\ 
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© Classic Black/White 


|. С Classic Black/Blue 


© Classic Biue/ Yellow 


© Classic Red/Black O Snorkel J ‘| OGrape 


Рис. 6.5. Переделайте внешний вид вашего блога, выбрав один из предоставленных шаблонов 


Примечание Как изменить шаблон блога, вы узнаете в разделе «Настройка шаблона бло- 
га» в конце этой главы. < % 
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Добавление содержания к блогу 


Сразу же после создания вашей новой учетной записи вы увидите страницу с 
заголовком Точка входа. На этой странице вам нужно ввести логин и пароль, 
чтобы перейти к режиму добавления записей на странице управления вашим 
блогом. Нажмите кнопку К. входу, и вы перейдете на страницу управления учет- 
ной записью. Страница управления Мой WebBlog - это МеБ-страница, доступ- 
ная только вам, создателю блога. На этой странице вы можете добавлять но-. 
вое содержание, редактировать уже существующее и изменять параметры 
блога. Попасть на страницу управления вы можете в любое время, посетив 
главную страницу WebBlog — http:/ /www.WebBlog.ru - и введя имя пользовате- 
ля и пароль, которые вы выбрали при создании своей учетной записи. 

Рис. 6.7 показывает вид страницы управления учетной записью. Обратите 
внимание на то, что на странице управления расположены ссылки, позволя- 
ющие перейти. к следующим функциям: | 


» Показать записи - открывает новое окно браузера, показывающее до- 
машнюю страницу вашего блога; 

» Создать запись - позволяет добавлять новую информацию к вашему 
блогу и редактировать существующие записи; 


H 
| } Помощь в "и ' ГАЗ 


очей 


Рис. 6.7. Только вы, создатель блога, можете получить доступ к странице управления вашего блога 
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» Категории записей - с помощью этой функции можно определить дос- 
тупность записей для пользователей; 

» Основные настройки - позволяет вам настроить параметры конфигу- 
рации блога; 

» Изменить шаблон/выбрать шаблон - дает возможность продвину- 
тым пользователям настроить внешний вид блога; 

» Загрузка файлов - позволяет добавить различные файлы некоторых 
форматов: фото, видео, звуковые и сжатые; 

> RSS. Лента новостей, изменений, которую вы можете ет к свое- 
му блогу; 

» Мои друзья - с помощью этой функции вы можете настроить доступ к 
вашему блогу различным пользователям; 

»> Изменить мой профайл - здесь вы можете изменить данные о себе и 
вашем журнале, введенные на этапе регистрации; 

» Настройка комментов - у вас есть возможность настроить коммента- 
рии к вашим записям в журнале так, как считаете нужным. 


О нюансах настроек и выборе шаблона поговорим в разделе «Настройка 
блога». А сейчас давайте остановимся на возможностях работы с записями, | 
которые WebBlog предоставляет создателю блога: 


» чтобы создать запись, щелкните по ссылке Создать запись. Вы перейде- 
те на другую страницу, которая с помощью удобного и привычного пользо- 
вательского интерфейса позволит создать новую запись (рис. 6.8); 

» функция Показать все записи позволяет открыть список существую- 
щих записей (в виде таблицы) в вашем блоге и даст возможность отре- 
дактировать или удалить последнюю информацию. 


Теперь сделаем в вашем блоге первую запись. Каждая запись блога вклю- 
чает название и содержание записи. Как показано на рис. 6.8, интерфейс 
страницы для добавления записи имеет два текстовых поля: одно для ввода 
заголовка записи блога, другое - для самого содержания записи. 

Для заголовка не предусмотрено форматирование, а текстовое поле для 
содержания записи блога позволяет вам выбрать шрифт, размер шрифта, 
начертание (полужирный или курсив), цвет текста, выравнивание и т.д. Вы 
также легко можете сделать выделенный шрифт гиперссылкой на другой 
Web-caiir или УеЬ-страницу. Форматирование текста можно контролировать 
с помощью соответствующих функций, которые расположены вдоль верхней. 
части текстового окна записи блога (см. рис. 6.8). 

Добавление и форматирование содержания записи блога аналогично вво- 
ду и форматированию письма в текстовом процессоре, таком как Microsoft 
Word. Рис. 6.9 показывает запись блога, после того как была добавлена новая. 
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` 


Отьезд с Южного вокзала. Я приехала вовремя. Потом появился 
Юра Стариков. Вот наконец и Леня с железом от нашей байдарки. 
Ю. Стом как всегда, когда нужно идти на платформу. Его : 
провожали Таня и Марина со своими мужьями. | я 
[помошь Fa Загрузились спокойно, благо пока пассажиров мало. Правда, РЕ 
pong проводник засомневался в начале, что байды это не багаж. Ho 
начальство подтвердило, что это тур снаряжение. < 
Ехали целый день. Прибыли в Бердичев в 0.20. 


} Загрузка файло 


„ Сомьедныю м с друзьями, Е 


Путешествие по р.Тетерев 
Лето 2004 год 

Маршрут: Чуднов-Волынский — ст. Тетерев-Киев. 

25.07.2004 
Поезд №13: Харьков- Ужгород. 

Отправление 12.20 
Состав группы из 9 человек. 
Юра Crom —‹адмирал», Юра Стариков, Леня 
Говорушенко, Наташа Звонова, Нина Черная, Ирина — 3 
(казначей) и Володя Вороновы, Ирина Юдаева и я- | 
Ирина Антонова. 


Лотки: Tra тайменя З-ки. и Ra тайменя --2-ки_У насс 


Рис. 6.9. Воткак выглядит блог после добавления записи ee 
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Рис. 6.10. Диалоговое окно, запрашивающее ЦВ! -адрес 


Обратите внимание на то, что на рисунке даты и заголовок выделены по- 
‚ лужирным, название маршрута выделено курсивом. Настройка этих парамет- 
ров форматирования для содержания записи вашего блога выполняется 
очень просто. При помощи мыши выделите текст, к которому вы хотите 
применить форматирование, а затем щелкните по соответствующей кнопке 
форматирования на панели инструментов. Если необходимо создать ссылку, 
сначала выделите текст, а затем щелкните по кнопке ссылки на панели инст- 
рументов (пиктограмма в виде глобуса со звеном цепи, расположенная спра- 
ва от кнопки цвета текста и слева от кнопки выравнивания по левому краю). 
В результате откроется диалоговое окно, запрашивающее ОЕГ-адрес, на ко- 
торый будет перемещаться пользователь при щелчке по ссылке (рис. 6.10). 
_ Когда вы делаете новую запись в журнале или редактируете старую, ис- 
пользуется редактор WYSIWYG. Если вы знакомы с языком HTML, вы можете 
сделать запись с помощью тегов. Для этого в окне редактора (см. рис. 6.8) по- 
ставьте флажок в поле HTML (над панелью инструментов для редактирования). 
Для изменения уже существующей записи щелкните на странице Мой Web- 
Blog в колонке таблицы Настройка по ссылке Изменить. Изменение воз- 
можно только для новой записи. В результате откроется окно редактора 
WYSWYG, в котором вы сможете изменить название записи, отредактиро- 
вать содержание и отформатировать его иначе. Не забудьте сохранить вне- 
сенные изменения, щелкнув по кнопке Сохранить изменения. Для просмот- 
ра страницы вашего блога щелкните в списке по строке Показать записи. 


Е к ae shee 


Paul McFedries' Web Home Selecta book —> 


A Florentine Notebook | | 
Postcard No. 2 

Boboli Gardens: Wednesday, 2:00 PM 

Buon giorno! Е : : . 
After а rough start (| somehow lost 150.000 lire—about $135—and in one jet-lagged jag, | slept for 14 hours in а 17-hour span), Florence and | are 
getting along just fine, thank you. lve seen so many Renaissance masterpieces—Leonardo, Botticelli, Michelangelo, Raphsel, Tintoretto—that | fear 


my eyes and mouth are permanently stuck in the “wide open” position. Florence is а truly beautiful city (the crowds and relentless souvenir vendors es 
notwithstanding) and I'm having the time of my life. cee j ye 


ar 
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A Florentine Notebook 


These ars excerpts from the journal | Кар? while visiting Florence, italy. Many of the instalments are also 
Huvirated with photographs that | iook while 1 wes there. | hope you enjoy ети 


infiight insommia — In which your humble conespordent learns a litle talisn and begins to see William : i 
Shatner in a whole new light. : 


On the Train - Not so-eap thoughts on the train ride fron Roma to Florence. 
det Кач] — A savage journey inic the heart of tiredness. 


ip the Uffizi — While in Florence's famous ari gallery, some thoughts and reflections on ec ourtenng the 
most heautiful face in art 


Florence: Cy uf Contradictions — Modern Florence is defined dy its mix of highbrow and lowbrow 
sights 


Postcard #1 — А postcard from the edge (sort nf. 

Райса #2. — More “wish you were here” ramblings. 

Ма del Calzaiuali — Some notes from: Florence's "Main sheet. : : : х 
Learning the Lingo — Му struggies with the Hahen lanquaya. : 

David? — My encourters with the two most famous Davids in the world ae : : ы 


Yaokee Culture — On the ремазмеразь of American culture 


~ 
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` Помимо названия (заголовка) и содержания записи блога вы можете ука- 
зать, разрешены ли комментарии записей блога, а также дату и время, когда 
была сделана запись. (Эти настройки можно найти непосредственно под тек- 
стовым окном для содержания записи блога внизу страницы.) Если разреше- 
ны комментарии, то каждый посетитель вашего блога может их оставить. 
Настройки даты и времени, которые по умолчанию относятся к текущим, 
просто отображаются рядом с записью блога на домашней странице. 
Чтобы опубликовать запись блога, щелкните по кнопке Добавить запись 
внизу страницы (см. рис. 6.8). Вы увидите таблицу о состоянии опубликован- 
ной информации (рис. 6.12). 


Это Важно! 
атегории записей 


ыбрать шаблон 


« Overs советуем Бои добъвить официальный блог WebBlog.ru е друзья, чтобы получьте оперативную информацию о 


ногостях снстемы из сзоей оренл-пенты. 


Для srore Ban meanc всэто пишь нажать сюда 


голосование HS Н9Еофиоиального короля 1 королюзву (by Greshnik): 
кары сюда и сюда и гогккием =} 


Puc. 6.12. Втаблице показана первая опубликованная запись 


Совет ’ Если вы еще не готовы опубликовать запись блога, но не хотите терять содержание, 
которое уже набрали, можете щелкнуть по кнопке Сохранить как черновик. 
Таким образом, копия вашей записи блога будет сохранена, но не опубликована 
на домашней странице блога. Сохраненный черновик затем можно увидеть в таб- 
лице со списком записей и отредактировать, щелкнув по ссылке Изменить. 


После того как вы добавите запись блога, она автоматически появится на 
домашней странице блога. Вы можете посетить ваш блог, щелкнув по кнопке 


обавление содержания к блогу 155 


A 


Показать журнал или же по гиперссылке рядом с заголовком Мой WebBlog. 
В нашем примере это http:/ /webblog.ru/miranti. Рис. 6.13 показывает домаш- 
нюю страницу блога, после того как была добавлена первая запись. В то вре- 
мя как страница управления доступна только вам - создателю блога, просмот- 
реть домашнюю страницу вашего блога могут все. 


3% Путешествия ма байдарках _ WebBlop, ru - Microsoft Internet Explorer AN _ 


НОНЧЕНЗЕЕЗЕРЕНАНННННЯАНЕ ЗНЫЕУНЫНЫНЫЗННЕННЫЫНЫБЫЯЗЬНЫНУНАЧНННАВЫНЕВЯВРЕНННИЯЯЕР 


Я ММ ИИ р и УНИИ 


Пох оды. Путешествия на байдарках. Семейные и сдрузьями. 

12-Й день (вернее 1-я НОЧЬ). 

Перенесли вещи в здание вокзала. В зале ожидания 
полупусто. Какие-то пассажиры и несколько 


‘подозрительных личностей. Кто устроился на лавочках 


it уснул, яи Володя так и промаялись всю ночь без сна. 
} 


Кое-кто даже поспал. 


Светает. Пора готовиться к погрузке в электричку. 


Рис. 6.13. Домашняя страница моего блога сейчас содержит последнюю запись 


Примечание Помните, что домашняя страница вашего блога включает только последние за- 
писи. Более ранние записи передаются в архив. 


156 PHABA G. Создание бпога с помощью WebBlog 


Настройка блога 


Как вы видели ранее в разделе «Добавление содержания к блогу», WebBlog 
‚ упрощает добавление и редактирование записей блога. Помимо этого легко 
можно выполнить такие настройки элементов вашего блога, как его назва- 
ние и описание, форматирование даты и время, установка языка, разрешение 
комментариев и другие. В этом разделе мы изучим возможные варианты на- 
строек: | 


» основные настройки - заголовок и описание блога - вы уже настроили; 

> теперь вы можете изменить настройки, выставленные по умолчанию: воз- 
можно, запретить комментарии или позволить оставлять их каждому чи- 
тателю. Щелкните на странице управления учетной записью по ссылке 
Настройка комментов, чтобы перейти к одноименной странице. С помо- 
щью переключателя выберите соответствующий вариант: разрешить или 
запретить показывать комментарии, кто может оставлять комментарии, 
разрешить или запретить комментарии для новых записей. Сохраните на- 
стройки, щелкнув по кнопке внизу страницы Сохранить изменения; 

» для настройки ленты RSS выберите в списке Мой WebBlog строку РСС 
(RSS). Содержимое окна браузера изменится, и вы увидите заголовок 
Технология RSS. Здесь вы можете указать, публиковать ли RSS или нет, 
количество публикуемых записей и их формат. Сохраните сделанные 
настройки, щелкнув по кнопке Сохранить изменения; 

> большинство блогов предоставляют функцию собирания инфофмации с 
сайта — файла, который содержит самые последние записи блога. Сбор 
выполняется автоматически и может использоваться программами, ко- 
торые называются агрегаторы блога. Агрегаторы позволяют вашим чита- 
телям подписываться на ваш блог и получать уведомления о том, что 
были созданы новые записи. Вы можете указать, хотите ли вы, чтобы 
ваш блог включал ввод с сайта с помощью STON функции; 


Настройка блога 157. 


» по умолчанию только вы, создатель блога, можете размещать записи в 
f 
блоге. Однако вы можете разрешить остальным публиковаться Ha Ba- 
шем блоге. Для этого используйте функцию Мои друзья. 


Совет Многие из полей параметров имеют пиктограмму со знаком вопроса. При щелчке 
по этому значку отображается страница помощи, описывающая смысл парамет- 
ра. Если у вас возникнут проблемы, воспользуйтесь этой полезной функцией. 


В нижней части каждой страницы расположена кнопка Сохранить измене- 
ния. После внесения некоторых изменений не забудьте по ней щелкнуть. 


Примечание Когда вы вносите изменения в параметры вашего блога и нажимаете кнопку 
Сохранить изменения, изменения будут видны не сразу. Вам лучше опуб- 
ликовать ваш блог заново. Этот процесс подробно обсуждается далее в этой 
главе в разделе «Перепубликация вашего блога». | 


Изучение страницы Мой профайл 


Помните, что при создании блога вас просили выбрать для него название? 
Если вы когда-либо захотите его изменить, вы сможете сделать это на страни- 
це Мой профайл. Как показано на рис. 6.13, название блога появляется вверху 
домашней страницы блога. Рис. 6.14 показывает страницу Мой профайл с из- 
мененным заголовком (ср. с рис. 6.4). 


D Wentiiog ги} онлайн я.урнАлы для каф AOL GS COPAIED DR OPEN DP TRE FO A SIE oP) Моро Inter neh ¥ dae 9$ 


мой р 5 


Pacexsxnre Ваших 


Рис. 6.14. Измените название блога и его описание 
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‚ Кроме названия вашего журнала (заголовка) на этой странице вы можете 
описать ваш блог и ввести информацию о себе в обязательные и необязатель- 


ные поля: 


» Категория журнала (блога). Обязательное определение; 
» Пол. Обязательное заполнение; | 


> День рождения, страна, город - эти 


http: //podcast.ixbt.com/ 


НЫ НИИИИНИИХУИИУИМИ 


a Li 


Таперь вы: MO KETO че только читать [XBT.com, но и слушать его в любом 
acre ив любое время! Эти эсэможности предл зет эзм подкас:-проек1 
{оасав\т9 - ст назвзния плеера Ро и словз broadcasting, что огначаят 
изерокряеяцание) HALLEG Carta, Вы получзете возможность скачивать 
Беслзатньх ожеднеенья Sy Ac эпизоды: (подкасть:) с самыми свежими 
новостям дня в Форматв MPS и прослузиаать их с помощьнз номпьют8рз, 
плеера, автомалнитолы, мобильного телефоны и домашней стареосистелы с 
поддержкой самого распосстраменноео фосматз зудио. 


Вы можете скачать и пуоклулеть прамо на сайте любой эпизод в 
отАеЛЬьНОСТИ или же подписаться на КОЗ-канаи. Чтобы аетоматически 
получзть вса новые подкасть:, перетадите ссылку "помльска на подезсть:" в 
программу [Tunes (как на Мас, таки на РС}, или же скопируйте ее 3 одну из 
програмы для поакастинга (мы рекомендуем наиболее» почулярное решение - 
программу Juice 


Boned полную информацию вы; можете прочитать 3 нашей статье 
SARL TR TIPE. ОЗ MT ART И. радия 


Желзем приятного прослушивания! 


Ш НАСТРОЙКИ 


ря 


поля могут быть пустыми. 


а АС 


Роратжците в гохурамму Tus {как ма 
Мак, так к на РС), кии же скопируйте 
$2 = одну из програик для подкастимга 


{напоимес, dics). 


Хотели бы вы иметь сервис 
для загрузки собственных 
поднастов? 


Изменение вида блога 


Когда вы публикуете в блоге новую запись, то она появляется на его домашней 
странице. Так как общее число записей увеличивается, домашняя страница мо- 
жет быстро стать загроможденной. Поэтому вам нужно назначить, сколько за- 
писей отображать на домашней странице. Чтобы это сделать; перейдите по 
ссылке Основные настройки, где вы можете определить общее число записей, 
которое нужно отображать на домашней странице. На этой странице также 
можно изменить настройки для обозначения форматов даты и времени, кото- 
рые будут использоваться для заголовков, архивированных ссылок и значений 
времени, добавленных к каждой записи блога, а также язык для настроек даты/ 
времени. Вы также можете определить, в каком часовом поясе вы живете, что- 
бы время, указанное рядом с каждой записью блога, соответствовало вашему 
местному времени. Рис. 6.16 показывает половину доступных настроек. 


Рис. 6.16. Измените настройки элементов домашней страницы блога 
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Управление параметрами комментариев 


Хотя блоги позволяют добавлять записи только определенным пользовате- 
лям, на многих из них читатели могут оставлять комментарии. Комментарии 
превращают блог из одностороннего средства общения в двустороннее, по- 
хожее на диалог. По умолчанию ваш блог может принимать комментарии 
только от людей, зарегистрированных в WebBlog, но вы можете изменить 


‚эту настройку (рис. 6.17). 


.fulmanager comments 
РЕ 


Рис. 6.17. Используйте настройку комментариев, чтобы определить, 
разрешено ли оставлять на вашем блоге комментарии 


Комментарии отображаются по умолчанию, хотя вы можете их скрыть. 
Если вы разрешаете оставлять комментарии, вы можете выбрать, кто имен- 
но может их оставлять. Для этого используйте переключатель Кто может ос- 
тавлять комментарии?. Существуют следующие варианты: 


» только зарегистрированные. Если выбран этот вариант, то только 
посетители, зарегистрированные в WebBlog, смогут оставлять в вашем 
блоге комментарии. Обычно люди регистрируются в WebBlog, когда 
они хотят создать свой собственный блог, хотя некоторые могут заре- 
гистрироваться только для того, чтобы оставить комментарии; 
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_ № все. Если выбран этот вариант, то каждый может оставить коммента- 
рии на вашем блоге; | | 
» только мои друзья. Вы легко можете изменить конфигурацию вашего _ 
блога, чтобы записи могли оставлять только друзья. Чтобы добавить 
друзей, выберите на странице управления блогом в списке Мой Web- 
Blog строку Мои друзья. Справа от этого списка откроется окно Доба- 
вить друга (рис. 6.18). Первое, что необходимо сделать, - ввести имя 
(логин) для вашего друга и затем ‘нажать кнопку Добавить друга. Что- 
бы посмотреть обновленный список ваших друзей, щелкните по ссыл- 
ке рядом с заголовком Ваши друзья. Если вы хотите пересмотреть спи- 
сок друзей и кого-нибудь удалить из списка, просто щелкните по кнопке 
`° Удалить выбранных друзей; о 
> права авторов комментариев. При желании вы можете изменить на- 
стройки по умолчанию на права авторов. Существует несколько вариан- 
тов: авторы могут удалять и изменять текст комментария, только уда- 
лять, только изменять и не могут изменять или удалять. Также вы можете 
указать, показывать или нет ГР-адрес автора комментария. В некоторых 
случаях эта функция может быть вам полезной. 


Рис. 6.18. Окно Добавить’ друга позволяет пополнять список лиц, которым вы разрешаете 
4 просматривать ваши фотографии 
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Кроме того, вы можете определить, как форматируется значение време- 
ни комментариев, отображаются ли комментарии на той же странице, что и 
записи блога, или они показываются в отдельном окне браузера, и остаются 
ли изображения профайлов на комментарии. (Изображения профайлов - 
‘изображения, которые являются ссылками на профайл комментатора, заре- 
гистрированного в WebBlog.) 

Другая замечательная функция WebBlog - цене о комментариях. 
Здесь вы сможете определить адрес электронной почты, на который будут 
отправляться сообщения каждый раз, когда новый комментарий будет добав- 
‚ляться к блогу. Вы можете добавить адрес вашей электронной почты, чтобы 
вас оповещали, когда к записи блога добавляется комментарий, и чтобы вам 
не приходилось проверять прошлые записи блога в поисках информации о 
новых обсуждениях. 


Архивирование устаревшего содержания _ 


_Ранее вы назначили, сколько записей должно отображаться на домашней стра- 
нице вашего блога. По мере того как домашняя страница будет заполняться 
новыми записями, старые придется перемещать с домашней страницы в ар- 
хив. К старым записям можно получить доступ, щелкнув по ссылке Archives, 
потому что WebBlog архивирует их. 
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Работа с записями через электронную почту 


Некоторые сервисы позволяют вам размещать содержание блога с помощью 
e-mail. ; 

Они используют тему электронного сообщения в качестве названия запи- 
си блога, а тело письма - в качестве содержания записи блога. Чтобы привык- 
_ нуть к этому, после того как вы настроите ваш блог на прием записей по элек- 

тронной почте, попробуйте отправить на ваш блог несколько электронных 
сообщений и посмотрите, как различные темы и тела электронных писем 
влияют на содержание записи. (Не переживайте, вы всегда сможете удалить 
эти тестовые записи в режиме Изменить запись.) 


Перепубликация вашего блога (журнала) 


Как вы видели в предыдущих разделах, WebBlog позволяет вам настроить 
внешний вид блога с помощью определенных параметров. Например, много- 
численные настройки, которые влияют на внешний вид домашней страницы 
блога. Каждый раз, когда вы редактируете эти параметры, вам нужно пере- 
публиковать блог, чтобы применить изменение. 

Опубликовать повторно блог (журнал) очень просто. Блог публикуется по- 
вторно каждый раз, когда вы меняете один из параметров блога, изменяющих 
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~ 


ero вид, и щелкаете по кнопке Сохранить изменения (рис. 6.19). При mepe- 
публикации вашего блога вы можете перепубликовать весь блог или только 
индекс (каталог) блога. При перепубликации целого блога перезаписывают- 
ся все записи блога, поэтому обновляются все УеЪ-страницы; перезапись 
индекса обновляет только домашнюю страницу блога. Я рекомендую всегда 
выбирать перепубликацию целого блога. Это может занять немного больше 
времени, чем перепубликация индекса, но зато всегда гарантирует, что все 
сделанные изменения будут применены ко. всем страницам блога. 


gs: 
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Изменение шаблона блога в 


Помните, когда вы создавали ваш блог, вас попросили выбрать шаблон для : 
своего блога? Мы выбрали шаблон Classic Blue/Yellow. Шаблон представляет — 
ваш блог в стандартном виде, но вы можете его переделать или даже выб- — 
рать новый, щелкнув на странице управления учетной записи под заголовком 
Мой WebBlog по ссылке Изменить шаблон. Вид окна для изменения шабло- 
на показан на рис. 6.21. oe 

Как вы узнаете из главы 8, Web-crpaHuubi представляют собой текст на язы- 
ке разметки HTML. Инструментальные средства, такие как Mozilla Composer | 
или редактор WYSIWYG, избавляют вас от сложной работы со скриптами. _ 
К сожалению, если вы хотите настроить шаблон вашего блога, вам необхо- 
димо знать, как работать с НТМГ. 
_ В этой книге не ставилась цель подробно обсуждать структуру HTML. Од- 
нако давайте потратим немного времени на то, чтобы обновить шаблон. Для 
этого вам придется поработать с НТМГ-кодом и добавить к блогу ссылку. 
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Рис. 6.21. Вы можете изменить шаблон, щелкнув по ссылке 


Просмотрите код HTML в текстовом окне и найдите следующий тег: 
<li><a href="http://EDITME! ">Edit-Me</a></1li> (он расположен ближе к 
концу содержания HTML). Этот тег HTML используется для того, чтобы раз- 
мещать ссылки вдоль левой стороны шаблона под заголовком Links (Ссыл-. 
ки) (см. рис. 6.13, на котором изображена домашняя страница блога). 

Чтобы просмотреть, как будут выглядеть изменения, щелкните по кнопке 
Предварительный просмотр. Если макет сайта выглядит нелепо, вернитесь 
к предыдущему окну и убедитесь, что вы изменили нужную пометку и не уда- 
лили случайно или не переместили окружающий НТМГ-код. 

После того как вы настроите теги HTML для вашего шаблона, щелкните 
по кнопке Сохранить изменения шаблона. Тем самым вы сохраните изме- 
‚нения, внесенные в шаблон блога; не забудьте опубликовать блог заново, что- 
бы применить изменения к шаблону. 


Совет Если вы хотите заменить шаблон, который вы выбрали, когда создавали ваш 
блог, одним из других предварительно созданных шаблонов, просто щелкни- 
те по вкладке Выбрать шаблон. Вы увидите страницу с образцами предва- 
рительно созданных шаблонов, на которой можно выбрать другой шаблон. 
Однако помните, что при выборе другого шаблона вы потеряете все измене- 
ния, которые применили к предыдущему. 


В этой главе рассказывалось, как создать блог с помощью очень простого сер- 
виса WebBlog. Блоги пользуются все возрастающей популярностью. Kak сред- 
ства для публикации информации в режиме онлайн, они используются отдель- 
ными людьми, семьями, маленькими фирмами и даже крупными корпорациями, 
чтобы легко и быстро публиковать записи на У/еЬ-сайте. Сервисы, предлагаю- 
щие услуги по ведению живых журналов, онлайн-дневников, блогов для обще- 
ния (сообществ) предлагают свой набор функций, но тем не менее все они © 
содержат определенный стандартный комплект услуг. По данным поисковой 
службы Yandex наиболее популярным российским сервисом является Live- 
Journal. Однако есть менее известные сервисы, с которыми легко и просто 
работать. 

Блоги (онлайн-дневники, живые журналы) состоят из ряда записей. По умол- 
чанию только вы, создатель блога, можете добавлять, редактировать или удалять 
записи. Но есть службы, позволяющие вам при желании пригласить других 
пользователей принять участие в вашем блоге, разрешая им доступ, чтобы они 
могли добавлять свои собственные записи. Эта функция особенно полезна для 
маленьких фирм или семейных блогов, когда создатель блога хочет, чтобы ри 
ботники компании или члены семьи высказывались на одном блоге. 


/ 
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Помимо действий по добавлению, редактированию и удалению записей 
блога WebBlog и другие сервисы предлагают такие функции: | 


» посетители могут оставлять комментарии к определенным записям блога; 

» ваш блог может предоставлять возможность ввода информации с сайта 
посетителям, которые используют программы-агрегаторы; 

» вы можете добавлять к блогу записи, просто отправляя определенные 
электронные письма на особый адрес. 


WebBlog также упрощает настройку вашего блога. Существует множество 
настроек, которые вы можете изменить, чтобы ваш блог стал удовлетворять 
вашим требованиям. Если вы знакомы с языком HTML, вы можете даже пе- 
ределать шаблон вашего блога и вид вашего блога полностью изменится. 

Блоги - простой и веселый способ делиться через Интернет своими мыс- 
лями, взглядами и знаниями. Почему бы не начать создавать блог прямо се- 
ГОДНЯ? 


'. Совместный доступ _ 
к фотографиям в режиме = 
онлайн 


В недалеком будущем настанет время, когда ваши дети или внуки, посмотрев на 
вас удивленно, спросят: «Фотографии хранились на пленке? Что такое пленка и 
зачем ее нужно было проявлять?» Для нашего поколения пленочные фотоаппа- 
раты казались чудом науки и техники. Мы брали их в отпуск, снимали с их помо- 
щью семейные события и мероприятия, но за последние десять лет эти фотока- 
меры отодвинулись на второй план. Сегодня почти.у каждого есть цифровой 
фотоаппарат (а почему бы и нет?). Качественные и при этом простые в эксплу- 
атации цифровые фотоаппараты можно приобрести за 100-200 долларов, при- 
чем они будут иметь больше возможностей и функций, чем более дорогие моде- 
ли пленочных фотоаппаратов. | 

Раньше распечатать фотографии и хранить их в альбоме можно было сра- 
зу после проявки пленки. А получить распечатки с цифровых фотоаппаратов 
в течение многих лет было непросто, и только несколько салонов, связанных 
с профессиональной фотографией, могли предложить эту услугу. Сегодня 
практически все центры печати, которые занимаются проявкой пленки, мо- 
гут отпечатать цифровые изображения. Многие могут за небольшую плату 
‚ обработать фото и записать их на DVD-yucx. Существуют даже специальные 
принтеры, которые вы можете купить и использовать, чтобы распечатывать 
фотографии непосредственно с цифрового. фотоаппарата у себя дома. 

Так как цифровые фотоаппараты хранят изображения в цифровом виде, 
файлы с этими изображениями можно загрузить на компьютер. В этом случае 
с помощью соответствующего программного обеспечения вы можете их ре- 
дактировать: изменять размер, снижать эффект «красных глаз» или применять 
другие эффекты. Можете переместить эти изображения с вашего компьютера 


` 


фиям в режиме онлайн 
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на ваш Web-caliT, пересылать их по электронной почте друзьям и родствен- 
никам либо воспользоваться услугами сайтов, позволяющими создать вирту- 
альный онлайн-альбом изображений. Иногда для этого необходимо установить 
прикладные программы, такие как англоязычный SnapFish и русскоязычный 
Pixart Express, если вы будете создавать и хранить свой альбом на сайтах этих 
компаний. | 

В предыдущих главах вы узнали, как использовать шаблоны с сайта 
www.ntpress.ru, чтобы создать собственный Web-caiir и добавить к нему изоб- 
ражения. Например, если вы недавно отдыхали на Гавайях и сделали множе- 
ство цифровых фотографий, возможно, по возвращении вам захочется со- 
здать Web-caiiT с названием «Мое путешествие на Гавайи», в котором будет 
много УеЬ-страниц, описывающих ваш отдых и содержащих фотографии, 
сделанные в отпуске. Для создания сайта с фотографиями используйте спо- 
собы, о которых вы узнали в предыдущих главах. 

А что, если вы не хотите создавать отдельный сайт «Мое путешествие на 
Гавайи», а хотите просто разместить фотографии в Интернете, чтобы дру- 
зья или члены семьи могли их посмотреть и заказать их печать? На сегодняш- 
ний день доступен целый ряд бесплатных сервисов такого рода и мы расска- 
жем о них в этой главе. 


Выбор сервиса, предоставляющего 
совместный доступ к изображениям 
в режиме онлайн 


Первый шаг в размещении ваших цифровых фотографий в сети Интернет 
(создание цифрового виртуального фотоальбома) - создание учетной записи на 
сайте, предлагающем такую услугу. Существуют как англоязычные, так и русско- 
язычные сайты компаний, например SnapFish, PixArt, PhotoHost, .fotodump.ru. 
На многих широко используемых Web-calitax, таких как Google, Rambler, 
Yahoo, пользователю, имеющему свой почтовый ящик, предоставляется так- 
же возможность бесплатного создания виртуальных фотоальбомов, их хране- 
ния и обработки. 

Вот наиболее известные УеЪ-сервисы, позволяющие обрабатывать 
цифровые фотографии и размещать их в Интернете в виртуальных фото- 
альбомах: 


»> MyPhotoAlbum.com (http://www.myphotoalbum. sony 
» My-Photo.ru (http://www.my- photo, ru); 
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> Pixart.ru (http:/,/www.pixart.ru); 

> ShutterFly (http:/ /www.shutterfly.com); 

> WebShots (http: / /www.webshots.com); 

> Flickr (http:/ /www.flickr.com); 

»> ImageStation (http: / /www.imagestation.com); 
» PhotoHost.ru (http: / /www.photohost.ru). 


Все эти сайты предлагают примерно одинаковый основной набор функ- 
ций. Они упрощают загрузку и доступ к цифровым изображениям, позволяя 
вам, вашим друзьям и членам семьи заказывать печать. Хотя любой из этих 
сайтов будет отвечать вашим требованиям, выберите тот, который вам боль- 
ше понравится. В этой главе будет рассматриваться работа по созданию вир- 
туального альбома на примере PixArt. 


Совет Большинство Web-pecypcos по размещению и печати фотографий (например, 
fotodump.ru, fotoulitsa.ru, photofile.ru) позволяют вам и вашим друзьям покупать 
также и товары, содержащие ваши фотографии. Например, на сайте О-Рою.ги. 
вы можете купить отцу кофейную кружку с фотографией его внуков на ней или 
коврик для мыши с вашей фотографией либо фотографией вашей семьи. 


Создание учетной записи для ee 
альбома 


Перед тем как вы сможете загрузить ваши цифровые фотографии на сайт и 
разрешить к ним доступ. друзьям и членам семьи, вам нужно создать бесплат- 
ную учетную запись. Откройте ваш У\еЪ-браузер и перейдите по выбранному 
вами адресу (www.PhotoHost.ru, www.photofile.ru, www.rambler.ru). Воспользуй- 
тесь ссылкой на домашней странице, чтобы зарегистрироваться. Когда вы по 
ней щелкнете, вы переместитесь на страницу с анкетой для регистрации (по- 
казана на рис. 7.1), где вас попросят предоставить ваше имя, адрес электрон- 
ной почты и пароль. Заполните все обязательные поля. Они обычно отмече- 
ны символом *. 

Теперь у вас есть учетная запись на выбранном ресурсе. После ее создания _ 
вы увидите страницу, предлагающую загрузить цифровые фотографии (рис. 7. и 
Для загрузки нажмите кнопку Загрузить снимки внизу страницы. 

Потратьте немного времени на то, чтобы изучить варианты загрузки. 
Обратите внимание на ссылки в правом верхнем углу страницы: если по ним 
- щелкать, они будут перемещать вас на различные страницы сайта. Познако- 
мимся с ними подробнее: 
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> Мой Pixart (Домашняя страница пользователя). При входе в систему 
PixArt вы перемещаетесь на вашу индивидуальную домашнюю страницу, 
называемую также Мой PixArt. На этой странице вы легко можете со- 
здать новый альбом, просмотреть все ваши альбомы, выполнять самые 
простые задания: добавлять изображения, заказывать печать, ОУО-диск 
и организовать совместный доступ к фотографиям с помощью функции 
Для друзей. А также можете выставить на продажу наиболее привлека- 
тельные снимки с помощью вкладки Выставка; 

> Корзина. После того как вы загрузите ваши фотографии, можно зака- 
зать товары с вашими фотографиями, такие как фотоальбом, календарь, 
открытка (по выбору). Все это можно получить, щелкнув по ссылке 
° Корзина; | 

» Мой профиль. Перейдя по этой ссылке, вы сможете изменить или по- 
смотреть свои персональные данные, настроить параметры дизайна 
альбома, проверить состояние вашего счета, ‘посмотреть сделанные 
заказы; | 

> Помощь. Перейдя по этой ссылке, вы узнаете, как выполнить то или 
иное действие с изображениями, какие возможности предоставляет. 
вам сервис PixArt. | 


В следующих разделах вы узнаете, как использовать сервисы подобного 
рода, чтобы загрузить цифровые фотографии и управлять ими, пригласить 
друзей и родственников просмотреть ваши онлайновые фотоальбомы, зака- 
зать их печать и подарки. 
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Многие фотосервисы, в том числе и PixArt, систематизирует ваши цифровые 
фотографии с помощью альбомов. Виртуальный альбом похож на обычный: вы 
можете разместить под своей учетной записью несколько альбомов, а в каж- 
дом из них сколько угодно фотографий. При загрузке фотографий на сервер 
вы сможете выбрать, добавить ли фотографии в уже существующий альбом 
или создать новый. После того как изображения будут добавлены в альбом, 
вы сможете их редактировать. Для этого выберите вкладку Мои альбомы. 
Здесь вы можете добавлять и удалять фотографии из вашей учетной записи, 
рассортировать их по альбомам, отправить по электронной почте друзьям и 
семье, заказать диск с фотографиями, переименовывать альбом, упорядочи- 
вать фотографии, удалить альбом. 


woe 
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Альбомы вашей учетной записи перечислены в двух местах: на вашей до- 
машней странице Мой PixArt находится список только недавно созданных 
альбомов; а на вкладке Мои альбомы перечислены все ваши альбомы. Если 
вы только что создали вашу учетную запись, на вашей странице будет всего 
один альбом, в области недавно созданных альбомов. 

Чтобы работать с изображениями внутри определенного альбома, просто 
щелкните по нему. Будут перечислены все изображения, находящиеся в нем, а 
также отобразится список действий, которые вы можете с ними выполнить. 
Рис. 7.4 показывает окно, появившееся после того, как я щелкнул по ссылке 
на свой альбом. 


Каждая из фотографий альбома отображается как маленькое, сильна. ‘^^ 


уменьшенное изображение, но вы можете щелкнуть по нему, чтобы просмот-. ~ 


реть его в более крупном масштабе. Список перечисляет действия, которые 
вы можете предпринять. Например, если вы хотите добавить новую фотогра- , 
фию к выбранному альбому, просто щелкните под заголовком Мои альбомы 
по строке Добавить снимки. 
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Рис. 7.4. Щелкните по альбому, чтобы просмотреть или отредактировать фотографии 
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Добавление фотографий к учетной записи 


PixArt предоставляет множество способов добавления цифровых фотографий 
к вашей учетной записи. Вы можете загрузить их непосредственно с вашего 
компьютера, используя службу FTP или программу PixArtExpress, отправить по 
электронной почте как прикрепленные файлы или загрузить с мобильного 
телефона. 


Примечание Программу PixArtExpress вы легко можете скачать с сайта и установить. 


Совет Если у вас есть телефон со встроенной фотокамерой и подключением к Интерне- 
ту, вы можете отправлять фотографии, сделанные камерой вашего телефона, по 
электронной почте прямо на свою учетную запись. Для этого нужно связать но- 
мер вашего мобильного телефона с вашей учетной записью PixArt и настроить ваш 

`’ мобильный телефон на отправку фотографий по адресу upload@pixart.ru. Узнать 
более подробно 06 отправке фотографий с вашего мобильного телефона вы мо- 
жете на сайте hitp://www.pixart.ru в разделе Помощь. 


Для добавления фотографий выберите один из предлагаемых сервисом 
PixArt способов. Если хотите загружать изображения непосредственно с Ba- 
шего компьютера, запустите программу PixartExpress. Используя эту програм- 
му, Pixart создает копии ваших галерей. С ними можно работать как с обыч- 
ными папками в Проводнике Windows. Выберите в окне программы в нужной 
папке ваши изображения и щелкните по кнопке Синхронизировать. После 
этого все добавленные файлы будут загружены на PixArt. 

_ Пополнить ваш альбом изображениями вы можете как на вкладке Доба- 
вить фото, так и на вкладке Мои альбомы. Вкладка Мои альбомы позволя- 
_ ет вам также работать с фотографиями, которые вы уже загрузили. 

Выберите вкладку Мои альбомы (рис. 7.5). На этой вкладке, если у вас уже 
есть альбом, справа вы увидите область, содержащую список возможных дей- 
ствий с альбомами. Щелкните по строке Добавить снимки. `Вас автоматичес- 
ки переведут на вкладку Добавить фото. Откроется диалоговое окно Загруз- 
ka фотографий. В этом окне необходимо выбрать альбом, в который будут 
сохранены ваши фотографии. По умолчанию вам предложат создать новый 
альбом. Если в вашей учетной записи уже есть альбом, вы можете разместить 
фотографии в нем вместо нового. Выберите файлы, которые вы хотите за- 


грузить (рис. 7.6). 
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Загрузка фотографий 


- Выберите файпы для загрузки, укажите атрибуты м мажмиты “Загрузить”. 
+ Максимально допустимый разтер файпа - 20 Mb м 
+ Максинальной копнчество фейлов в одной загрузке - 100 


сидибиз загрузки Activex 
{ Возможные причины: 


* Зы отказались от установки “PixArt File Upload ActiveX", которая была Вам предложена при стирытйи этой 
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Выберите вкладку Добавить фото. Если вы еще не вошли под своей учет- 
ной записью, введите ваше имя и пароль учетной записи PixArt. Нажмите 
кнопку Войти. Откроется страница Загрузка фотографий. 

В области Загрузить снимки выберите из предлагаемого списка способ 
загрузки и щелкните по нему. Чтобы выбрать файл(ы) для загрузки, щелкни- 
те либо по кнопке Выбрать фото, либо по кнопке Каталог. Это действие 
‘приведет к открытию диалогового окна, показанного на рис. 7.6, из которо- 
го вы можете выбрать файлы с изображениями для загрузки, расположенные 
на вашем компьютере. После этого щелкните по кнопке Загрузить, чтобы 
начать процесс загрузки. В зависимости от числа и размеров ваших фотогра- 
фий и скорости интернет-соединения этот процесс может занять от несколь- 
ких секунд до нескольких минут. После того как файлы будут загружены, вам 
покажут только что загруженные изображения. Вы можете загрузить одну 
фотографию или группу (пакет). 

Как говорилось выше, PixArt предлагает разные способы загрузки изобра- 
‚жений. Если у вас очень много снимков, загрузите их, используя сервер ЕЕ. 
Чтобы добавить снимки, выберите в списке строку Загрузить по ЕТР. Сер- 
вис PixArt предоставит промежуточный ЕТР-сервер. Для входа используйте 
тот же логин и пароль, которые вы использовали при регистрации на PixArt. 
ЕТР-сервер PixArt (ftp.pixart.ru) будет доступен вам сразу после создания пер- 
сонального ЕТР-раздела. Чтобы его создать, просто нажмите кнопку Создать 
персональный ЕТР-раздел, которая расположена внизу этой страницы. Для 
работы с ЕТР-сервером PixArt можно использовать любые доступные вам Ёр- 
клиенты, например CuteFTP и SmartFTP для работы под Windows и Fetch или 
Transmit для работы под Mac OS. Любые загруженные на ЕТР-сервер PixArt 
файлы будут храниться там ограниченное время - 48 часов. Время хранения 
отсчитывается для каждого загруженного файла с момента его создания на 
ЕТР-сервере. В течение этого времени вы должны перенести снимки с ЕТР- 
сервера в ваш персональный раздел Ha PixArt с помощью специальной фор- 
мы, которая станет доступной после создания персонального раздела и за- 
грузки фотографий на ЕТР. 

Вам проще отправлять фотографии по электронной почте? В этом случае 
фотографии автоматически сохранятся либо в новый, либо в уже существую- 
щий альбом. Вы также можете выбрать, как часто их сохранять: каждую не- 
делю, месяц и т.п. 

При регистрации на PixArt вы указали свой e-mail (см. рис. 7.1). Это глав- 
ный адрес для вашей учетной записи, и он используется для получения важ- 
ной информации о ходе выполнения ваших заказов. Вы можете использовать 
данный адрес для отправки фотографий на PixArt. 
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Функцию отправки по электронной почте можно использовать, даже ког- 
да вы работаете в автономном режиме. То есть, если ваш ноутбук или стаци- 
онарный компьютер не подключены к Интернету, вы не сможете загрузить. 
ваши фотографии на МеЬ-страницу. Однако вы можете создать электронное 
сообщение для каждого изображения, которое вы хотите загрузить в вашу 
учетную запись. Эти сообщения будут отправлены позже, когда вы подклю- 
читесь к Интернету. После подключения вам не придется загружать изобра- 
жения на Web-caliT компании - они будут отправлены непосредственно из 
вашего почтового ящика. 
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Сегодня, возвращаясь домой, увидел это жутковатое 


объявление у себя в подъезде. Этакое праздничное 
напоминание блокадникам, что не зря они прошли через 


кошмары войны - их опыт пригодится потомкам в будущем. 


> м... % 
Такой вот плохо завуалированный намек на то, чего нам 


надобно ждать. 


Возможно, жителям сегодняшнего Тель-Авива или Багдада 
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Чтобы добавить фотографии к вашей учетной записи через электронную 
почту, просто отправьте/электронное сообщение с каждым изображением, 
которое вы хотите добавить на upload@pixart.ru. Когда сервис PixArt полу- 
чит это сообщение вместе с вашими изображениями, он отошлет сообщение 
со ссылкой, щелкнув по которой вы сможете выбрать, какие из отправлен- 
ных изображений вы хотите добавить к вашей учетной записи. | 

Подробнее о том, как отправить фотографии на PixArt по электронной 

почте, вы можете прочитать на сайте в ‘разделе Помощь > Добавление 
адресов электронной почты. 


Редактирование и удаление фотографий 
и альбомов 


_Загрузив В отр ии в вашу учетную запись, потратьте немного времени на 
то, чтобы их просмотреть. Для того чтобы это сделать, откройте вкладку 
Мой Pixart, в которой перечислены альбомы вашей учетной записи. Щелк- 
ните по альбому, фотографии которого вы хотите просмотреть. 

Есть ли среди расположенных вертикально фотографий те, которые дол- 
жны быть отображены горизонтально? Будет ли определенная фотография 
смотреться лучше с рамкой вокруг нее? Имеют ли ваши изображения понят- 
ные названия (подписи), или каждая фотография имеет ни о чем не говоря- 
щие имена, такие как 1МС00041? Возможно, среди изображений, которые вы 
только что добавили, есть несколько таких, которые вы не хотите видеть в 
своем альбоме. | 

В PixArt редактирование и удаление фотографий выполняется так же про- 
сто, как и их добавление. Если вы хотите редактировать или удалить одно- 
единственное изображение, сначала щелкните по альбому, в котором оно 
находится, а затем по самому изображению. В правой колонке страницы под 
заголовком Мои альбомы вы найдете список действий для редактирования 
или удаления определенного изображения (рис. 7.8). 

Если вы хотите отредактировать или удалить несколько изображений в 
альбоме, щелкните по альбому, в котором расположены фотографии, и вы- 
берите нужные фото для редактирования или удаления. В правой колонке вы 
увидите список действий, похожих на те, что показаны на рис. 7.8: Разница 
заключается в том, что когда вы щелкнете по этим строчкам из альбома, вас 
попросят выбрать, какие фотографии в альбоме вы хотите отредактировать 
или удалить. 
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Рис. 7.8. На панели Мои альбомы перечислены функции для редактирования 
или удаления изображений 


ba 4 


При просмотре отдельной фотографии вы можете выполнить следующие 
действия: 


» Повернуть и перевернуть изображение. Если изображение располо- 
жено неправильно, щелкните на странице с выбранной фотографией 
по вкладке Инструменты. Рис. 7.9 и 7.10 показывают окно с соткрытьг 
ми вкладками Инструменты и Эффекты; 

> Кадрировать. Если вы хотите обрезать лишнее на снимке, вырезать 
фрагмент, выберите на вкладке Инструменты соответствующий зна- 
чок и щелкните по нему. Затем укажите соотношение размеров, чтобы 
сохранить пропорции-и ориентацию изображения. Можно также сохра- 
нить оригинал; | 


, 
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Рис. 7.9. Поверните вашу фотографию на 90 градусов 


» Параметры снимка. Если ваши фотографии имеют непонятные назва- 
ния (такие, как 1МС00041), щелкните по этой строке, чтобы заменить 
название; 

» Переместить снимки. Щелкните по этой строке, чтобы переместить 
копию этой фотографии в другой альбом; 

» Удаление снимков. Если есть фотография, которую вы хотите удалить 
из альбома, щелкните по этой ссылке. 


При просмотре всех фотографий внутри определенного альбома вам дос- 
тупны те же действия, что приведены в списке выше (для отдельной фото- 
графии), а также три дополнительные функции, которые позволяют редак- 
тировать и удалить целый альбом: 
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Рис. 7.10. Добавьте к фотографии один из предлагаемых эффектов 


» Свойства альбома. Щелкните по этой строке, чтобы. переименовать 
выбранный альбом; 

» Порядок снимков. По умолчанию изображения расположены в альбо- 
ме в том порядке, в котором они загружались. Вы можете, однако, из- 
менить порядок их расположения, щелкнув по кнопке Упорядочить; 

» Удалить альбом. Если вы хотите удалить альбом и все фотографии в 
нем, щелкните по этой строке списка. 


В следующем разделе вы узнаете, как разрешить совместный доступ к изоб- 
ражениям и альбомам друзьям и членам семьи. Также вы узнаете, как заказы- 
вать печать фотографий из виртуальных альбомов и товары с фотографиями. 
Предварительно убедитесь, что все фотографии правильно расположены, име- 
ют подходящие заголовки и размещены в соответствующих альбомах. Если 
что-то не так, отредактируйте их. | 


4 = 
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: Доступ к фотографиям и альбомам 
для друзей и членов семьи 


После того как вы загрузите фотографии в вашу учетную запись, вы сможете 
предоставить к ним совместный доступ для некоторых друзей и членов ва- 
шей семьи. Вы можете открыть доступ ко всему альбому (рис. 7.11) или поме- 
стить их на выставку (рис. 7.12) для продажи. 

Чтобы открыть доступ к фотографии, щелкните по ссылке на вашей стра- 
‚нице Мой PixArt, перейдите на вкладку Для друзей, выберите на вкладке 
Мои альбомы нужный альбом и откройте его. Затем под заголовком Мои 
‘альбомы щелкните по строке Показать друзьям. 
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Рис. 7.11. Если вы решили сделать альбом общим, выберите, какой именно 
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Рис. 7.12. Вы можете поместить фотографию на выставку для продажи и печати 


После того как вы выберете доступ к альбомам или фотографии, вы пере- 
меститесь в окно, показанное на рис. 7.13, в котором вы сможете ввести ад- 
реса электронной почты (через запятую) для рассылки друзьям и членам се- 
мьи, которым предоставляете ваши фотографии. Адрес доступа - это легкая 
для чтения и запоминания ссылка, которая будет выслана вашим друзьям в 
приглашении и направит их прямо в ваш альбом. Для создания такой. ссылки 
укажите слово-привязку, которое будет частью ссылки на альбом. Ссылка дол- 
жна выглядеть примерно Tak: ВИр:/ /www.pixart.ru/shared/yourlogin /cmoBo- 
привязка. Например: http://www.pixart.ru/shared/Likar/ / *. | 
— На каждый указанный вами адрес электронной почты будет отправлено 
сообщение от PixArt, приглашающее этого человека просмотреть альбомы 
или фотографии, которые вы определили для совместного просмотра 
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& COPRSATE зарес AGE TYHS к альбому 


Адрас доступа - 376 пёгкая для чтания и запомнмания ссылка, которая будет выслама Вашим друзьям в 
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Примечание: 
Адрес доступа можат содержать только латинские буквы обомх регистров, цифры, символы 
подчеркивания *_"и дефис ^-” 


Адрес должен быть отпичным от адресов доступз, которые вы уже нззначали для других свсих 
зльбомов: . 


http://www pixart.ru/shored/Likar/ |” 
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EJ] прислать мне копию приглашения 


Рис. 7.13. Предоставьте адреса электронной почты тех, кому бы вы хотели 
. ‚ показать ваши фотографии 


(рис. 7.14). Вы можете изменить электронное сообщение, которое получат 
ваши друзья и члены семьи: отредактировать поле Тема и сам текст сообще- 
ния (тело сообщения). 

После входа в альбом в него можно добавлять снимки и заказывать их 
печать. Для отправки приглашений в данный альбом, пожалуйста, заполните 
все необходимые поля и нажмите кнопку Отправить приглашения. Если вы 
хотите вернуться в альбом, нажмите кнопку Назад. | 
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Приглашаю Вас посмотреть альбом! 
После входа в альбом в него можно подгружать снимки и заказывать их печать, 


Рис. 7.14. Ваши друзья и семьи получат электронные приглашения и смогут просмотреть ваши фотографии 


фзиим в режиме онлайн 
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Предоставляя друзьям и семье доступ к альбому, вы тем самым позволяете не 
только просматривать фотографии, но и заказать печать фотографий из альбо- 
ма либо подарки с фотографиями или скопировать фотографии из вашего аль- 
бома в свою учетную запись. (Не волнуйтесь, предоставление такого доступа не 
позволяет вашим друзьям и семье удалять фотографии из вашего альбома.) 

Также фотосервис PixArt предоставляет зарегистрированным пользовате- 
лям возможность выставить свои снимки на выставку-продажу, чтобы другие 
пользователи могли заказать печать понравившихся им снимков. 

Выставляя снимок на продажу, его автор может назначить размер авторс- 
ких отчислений. Если пользователь PixArt оформляет заказ на печать изоб- 
ражения на выставке-продаже, то к стоимости выбранного им вида печати 
добавляется указанная владельцем снимка сумма авторских отчислений. Если 
печать такого снимка заказывает сам владелец, то, естественно, он авторс- 
кие отчисления платить не будет. 

После того как PixArt получит от заказчика плату за заказ, соответствую: 
щая сумма авторских отчислений поступит на пользовательский счет автора 
в PixArt за вычетом 15% (агентского процента PixArt). Многие фотохудож- 
ники, заинтересованные в распространении своих работ, хотели бы контро- 
лировать то, в каком виде их фотографии будут печататься: например, толь- 
ко на матовой бумаге и только в формате oT 30X45 и больше. PixArt дает 
авторам снимков возможность установить набор таких ограничений через 
так называемые прейскуранты, которые. определяют для каждого снимка ди- 
апазон допустимых форматов печати, допустимые типы бумаги и размер ав- 
торских отчислений для каждого их сочетания. 


Примечание Чтобы просмотреть общедоступные фотографии на PixArt, ваши друзья и чле- 
ны семьи должны иметь учетную запись на этом сервисе. Когда они попробу- 
ют просмотреть ваши фотографии, их попросят войти в систему. Если у них 
еще нет учетной записи, они получат инструкции о том, как ее создать. 


oO. 
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Заказ печати фотографий и подарков — 


Хотя возможность просмотреть фотографии в режиме онлайн - это отлич- 
ная функция, ничто не может заменить напечатанную фотографию. Ее мож- 
но поместить в фотоальбом, повесить на работе или прикрепить на холо- 
дильник. С помощью интернет-фотосервисов упрощается заказ печати 
ваших цифровых изображений, размещенных под вашей учетной записью. 
Просто выберите изображения, которые вы хотите отпечатать, заплатите 
за каждую фотографию (вместе с ценой за доставку и упаковку), и в течение 
нескольких дней вы получите заказанные фотографии по почте. Ваши дру- 
зья и члены семьи также могут заказать печать альбомов и фотографий, к 
которым вы предоставили доступ. г 

Чтобы заказать печать изображений или фотоальбомов, щелкните по 
вкладке Печатать фото, расположенной на домашней странице или на стра- 
нице загрузки снимков. При заказе фотографий выполните следующие шаги: 
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Рис. 7.17. Установите флажок в поле под фотографией 


1. Выберите цифровые фотографии, которые вы хотите напечатать, ус- 
тановив флажок в поле под фотографией (рис. 7.17). 

2. Определите размеры, количество и качество каждого отпечатка. PixArt 
предлагает напечатать снимки в разных вариантах (10х15, 15x21, 15х23, 
20x30, 30x45 см) и дополнительные размеры для постеров (широкофор- 
матная печать) - рис. 7.18. 

3. Предоставьте информацию об оплате, выберите функцию доставки и 
укажите адрес доставки. Как все онлайновые магазины, PixArt принима- 
ет основные типы кредитных карт и предлагает различные сроки дос- 
тавки, от стандартных (3-5 рабочих дней) до доставки в течение суток. 


При выборе фотографий, печать которых вы хотите заказать, вы може- 
те уточнить, какой формат лучше выбрать. Чтобы это выяснить, посмотри- 
‚те Параметры снимка для выбранного изображения. Рядом с каждым выб- 
ранным изображением вы увидите, какие форматы рекомендуется печатать, 
а какие нет (рис. 7.19). Символы красного цвета предупреждают, что разре- 
шение цифровых изображений слишком низкое для выполнения печати оп- 
ределенного размера. В принципе PixArt позволяет вам заказать печать фо- 
тографий, рядом с которыми стоит значок а maar cee но их качество 
может быть низким. 
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Формат печати 
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эзха»з VIM следует а ys = 
3. Оставить или выбрать другую услугу Общие параметры, устаноепенмые на этом шаге, 15х21 си 
будут применены ко всем изобрзжениям, которые 


$3} установить общие параметры услуги вы выбрали на прельдущим Ware. 20x30 см 
Установить индивидуальные параметры для А 
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ь = добзвиз позиции в корзину, pain ы 

15х23 см 


Для услуги фотопечати Вы можете выбрать тип бумаги и формат отпечатков. 
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Рис. 7.19. Если печатать изображения выбранного формата не рекомендуется, 
вы увидите значок красного цвета скомментарием (Плохо, не рекомендуется) 
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Примечание Разрешение цифровых фотографий зависит от настроек цифровой камеры и 
от того, изменяли ли вы изображение перед тем, как загрузить его на PixArt 
(например, уменьшали ли вы размер изображения). Большинство современных 
цифровых камер, снимающих с максимальным разрешением, предоставляют 
файлы с изображениями, которые можно распечатывать в любом формате. 
Ознакомьтесь с документацией на вашу цифровую камеру, чтобы узнать, как 
‘настроить разрешение изображения. 


, 

Кроме возможности заказать печать фотографий вы также можете ку- 
пить РУО-диск и различные товары с вашими фотографиями (календарь, от- 
крытки). Щелкнув по ссылке Корзина, вы переместитесь на страницу мага- 
зина фотосервиса, в которой перечислены все товары, которые можно 
приобрести (рис. 7.20). Заказать фотоальбомы, кружки, календари, футболки, 
коврики для мыши, сумочки и другие товары, на которых могут быть напеча- 
таны выбранные из вашего фотоальбома фотографии, можно, например, на 
сайте D-Foto (http://www.d-foto.ru) и др. Цены за доставку варьируются, так 
что просмотрите сайт, чтобы получить более подробную информацию. 


зум 35} 
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Рис. 7.20. Вы переместились на страницу магазина фотосервиса, в которой перечислены 
все товары, которые можно приобрести (в данном случае DVD-anb6om) 


ИИ 
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Примечание Если вы хотите получить альбом для показа в цифровом виде, закажите на фотосер- 
висе PixArt DVD-anb60m. Это законченный мультимедийный продукт, в состав кото- 
рого входит диск со слайд-шоу из выбранных вами снимков, стилизованного меню 
при запуске диска, звукового сопровождения. DVD-anb60m будет упакован в стан- 
дартную коробку для ОУО-дисков. Стилизованное меню, звуковое сопровождение 
и обложку для диска вы можете выбрать из списка, предложенного во время подго- 
товки заказа. Максимальное количество слайдов на одном диске — 99 шт. 
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Если у вас есть цифровые изображения, которыми вы хотите поделиться с 
друзьями и членами семьи, вы можете просто отправить их по электронной 
почте; либо создать семейный / персональный Мер-сайт (см. главу 3) и доба- 
вить нужные изображения на У’еЪ-страницы; либо можете использовать сер- 
висы, позволяющие бесплатно загрузить ваши изображения и управлять ими 
совместно с друзьями и родственниками. Наиболее известные фотосервисы - 
PixArt, My-photo.ru, Fotofile.ru, SnapFish. Услуги по размещению фотографий 
в Интернете предлагаются также на узлах Rambler, Google. Преимущества 
этих сервисов заключаются в том, что приглашенные просмотреть ваши 
фотографии могут заказать их печать и подарки, что невозможно при OT- 
правке фотографий по почте. 

Открыть общий доступ к фотографиям для ваших друзей крайне просто. 
_ Загрузите изображения, которые вы хотите показать, и разошлите пригла- 
шения друзьям и членам семьи. 


. Дополнительный 
материал 


Когда я писал эту книгу, я ставил задачу показать, насколько просто создавать 
свои У/еБ-сайты, переделывая шаблоны с помощью программы Mozilla Com- 
розег. Существуют некоторые второстепенные темы, которые я хотел вклю- 
чить в основной текст книги, но чувствовал, что их присутствие будет от- 
влекать от поставленной цели. Поэтому эти темы рассмотрены здесь, в 
дополнительном материале. | 

Дополнительный материал состоит из трех разделов: 


> HTML - язык для создания МеЬ-страниц. В то время как Composer 
делает создание и редактирование \УеЪ-страниц таким же простым, как 
создание и редактирование документа с помощью текстового редакто- 
pa, сам принцип создания страниц скрыт в соответствующем HTML- 
коде. HTML - язык разметки, используемый для создания У\еЬ-страниц. 
Этот раздел содержит сведения о том, что такое HTML и как он ис- 
пользуется; 

» как работает Интернет. Чтобы посетить Web-calit, все, что вам нужно 
сделать, - это ввести имя сайта в адресную строку вашего браузера. Но 
каким образом ваш компьютер, имея только имя \УеБ-сайта, узнает, как 
попасть на определенную Web-crpaHuyy соответствующего Web-cepse- 
ра? В этом разделе рассказывается, как работают подключенные к Ин- 
тернету компьютеры и как серверы DSN связывают имена доменов с ад- 
ресами МеБ-серверов; | 

» оптимизация ваших цифровых фотографий. Многие цифровые фо- 
тоаппараты позволяют создать фотографии с высоким разрешением, 
которые чаще всего имеют слишком большой размер. После того как 
вы сделаете снимок цифровым фотоаппаратом, вероятно, вы, захотите 
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изменить размер изображения на меньший. В этом разделе излагается 
основная терминология цифровых фотоаппаратов и показано, как из- 
менять размеры крупных файлов изображений. 


Если у вас есть какие-либо комментарии или вопросы относительно до- 
‹полнительного материала, пожалуйста, отправьте мне письмо Ha mitchell@Guys- 
FromRolla.com. . | 


HTML - язык для создания Web-crpanny 


Каждый раз, когда вы открываете \еБ-страницу из Web-Gpay3epa, он запраши- 
вает эту страницу с соответствующего Web-cepBepa и отображает ее, если она 
найдена. Сама по себе МеЪ-страница - просто файл на Web-cepsepe. Содержа- 
ние файла описывает то, как страница должна быть отображена в браузере. 
_ - По cyru, УеБ-страница отображается на основании гипертекстовой размет- 
ки, написанной на языке HTML. Элементами языка являются теги. Они опре- 
деляют способ форматирования текста. Например, тег полужирного шриф- 
та обозначается <b> и определяет, что внутренний текст должен быть 
отображен полужирным шфифтом. Тег курсивного шрифта, <1>, обозначает, 
что внутренний текст должен быть отображен курсивным шрифтом. Рис. 8.1 
показывает, что будет отображено в У!еБ-браузере, если использовать раз- 
метку НТМГ, приведенную ниже. 


Это шрифт <b> полужирный </b> ‚а это уже <i> курсив </1>, 
Здесь вы видите оба шрифта <Ъ><1>. полужирный и. курсив </1i></b>. 


Важно понять, что каждая УМеБ-страница, которую вы посещаете с помо- 
щью вашего браузера, содержит теги НТМГ. Именно с их помощью описыва- 
ется, как отобразить Web-crpanuny в вашем браузере. 

Посещая Web-crpanuuy из УеЬ-браузера, вы можете просмотреть HTML- | 
код У\еЬ-страницы. В Internet Explorer откройте меню Вид (View) и выберите 
команду Просмотр НТМГ-кода (Source); в браузере Mozilla откройте меню 
View и выберите пункт меню Page Source (Источник). Web-ctpanuya отобра- 
зится в виде НТМГ-кода. Чтобы правильно оценить TO, насколько сложной 
может быть разметка HTML, посетите Web-caiit Форда на www.ford.com. 
Этот Web-caiit, показанный на рис. 8.2, выглядит относительно просто, но 
НТМЕкод, требующийся для создания такой страницы, выглядит пугающе. 
Листинг 8.1 содержит только часть разметки HTML для домашней страницы 
Форда. | | 


HTML - язык для создания Web-crpanny 
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Рис. 8.2. Домашняя страница Web-cauta Форда 
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Листинг 8.1. Часть разметки HTML для домашней страницы Форда 


<BODY bgcolor="#FFFFFF" text="#666666" link="#CC6600" 
alink="#CC6600" Е 

vlink="#CC6600" topmargin="0" leftmargin="0" marginwidth="0" 
marginheight="0"> 
<! - - Inserted by Content Management Server: 
END EmbedBodyBeginHook - -> 

<DIV id="undecided"> : 
<TABLE border="0" cellpadding="0" 

cellspacing="0" width="200" > | 


<TR> 


<TD class="greyHome" valign="top"> 
<A href="/en/vehicles/vehicleShowroom/default. htm?referred= home"> 
‘Browse all our brands</A>&nbsp; 
<A href="/en/vehicles/vehicleShowroom/default.htm?referred=home"> 
<IMG src="/NR/fordcom/images/en/global/go.gif" width="12" 
height="13" border="0" alt="Go" align="top"></A></TD> 


</TR> 
| </ТАВЬЕ> 
</DIV> 
<TABLE border="0" cellpadding="0" cellspacing="0" 


_ width="760" > 


<TR bgcolor="#CC4400"><TD height="14"> 

<IMG scr="/NR/fordcom/images/en/global/nothing. gif” border="0" 
width="1" height="1" alt=""></TD></TR> 

< ТВ bgcolor="#CC4400"> х 

<TD align="center"><IMG src="/NR/fordcom/images/en/ 

home/welcome.gif" border="0" width="585" height="20" alt="welcome to 
Fora .com" ></TD> 

</TR> 

<TR bgcolor="#CC4400"><TD height="12"> 

<IMG scr="/NR/fordcom/images/en/global/nothing.gif border="0" 
width="1" 

height="1" alt=""></TD></TR> 
</TABLE> ha 
<TABLE border="0" cellpadding="0" cellspacing="0" width="760". > 
ВЫ, 
<TD valign="top"> 
<A href="/en/heritage/centennial/default. htm? referrer=home"> 
<IMG scr="/NR/fordcom/images/en/home/centennial.jpg" border="0" 
width="174" height="189" alt="100th 
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"Anniversary"></A></TD> 
<TD valign="top"><IMG бок" AMR fopAboii/imeseulen need 
henry_ford.jpg" 
border="0" width="174" height="189" alt="Henry Ford"></TD> 
<TD><IMG scr="/NR/fordcom/images/en/global/nothing.gif border="0"" 
width="40" height="1" alt=""></TD>:'~ 
<TD valign="top"><TABLE cellSpacing=0 
cellPadding=0 width=165 border=0> 
<TBODY> = 
<TR> 
<TD valign="top"><IMG height=18 alt="For Your Vehicle" scr="/NR/ 
rdonlyres//for_your_vehicle.gif" 
width=165 border=0></TD></TR> 
<TR> | 
<TD class=greyText vAlign=top> 
<A href="/NR/Financing.html">Vehicle Financing</A></TD></TR> 
<TR> | 


Этот НТМГ-код представляет собой только 15% всего кода домашней 
страницы Web-caita Форда! Становится понятно, что сформировать HTML- 
код для домашней страницы самостоятельно - непростое задание. С NMOMO- | 
щью же редактора Composer вы можете довольно просто определить, как 
отформатировать текст страницы и создать красивый вид УеЪЬ-страницы так, 
как вы бы сделали это в текстовом редакторе, таком как Microsoft Word. При 
создании или редактировании МеЬ-страницы с помощью редактора Composer 
автоматически создается НТМГ-код, основанный на тексте, изображениях и 
форматировании, которое вы добавили к У’еЪ-странице. 


Примечание Если вы заинтересованы в изучении самого языка разметки — HTML, тогда обра- 
тите внимание, например, на следующие книги: «HTML и CSS: совместное ис- 
пользование» В. ДеБольт (НТ Пресс, 2006), «250 советов HTML и \УеЬ-дизай- 
на» М. Хольцшлаг (НТ Пресс, 2006), «HTML» Г. Харта-Дэвиса (НТ Пресс, 2005), 
«Создание У\еБ-страниц с помощью HTML» 3. Кастро (НТ Пресс, 2005)._ 


Как работает Интернет 


В главе 2 вы изучали шаги, необходимые для того, чтобы созданные вами 
МеЪ-страницы сделать доступными всем, у кого есть. выход в Интернет. По- 
мните, что ваш У\еЬ-сайт должен управляться Web-cepBepoM, который физи- 
чески хранит содержание вашего Web-caiira на компьютере, имеющем пря- 
Moe и постоянное подключение к Интернету. 
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Хотя в главе 2 содержатся шаги, которые нужно предпринять, чтобы опуб- 
ликовать содержание вашего Web-calita, в ней не раскрываются подробности 
о TOM, как провайдер, размещающий на сервере У’еЬ-сайты, делает ваш Web- 
‚ сайт доступным для всех. Также не описывается последовательность дей- 
ствий, происходящих, когда посетитель вводит URL вашего. Web-caiita в свой 
браузер. Этим вопросам посвящен данный раздел дополнительного материала. 

Разобравшись, как работает Интернет, вы не только лучше поймете, зачем 
вам нужен провайдер, позволяющий создать общедоступный Web-calit, но и 
сможете приятно удивить своих друзей и родственников своими знаниями! 

_ Работу Интернета можно сравнить с работой ‘обычной почтовой службы. 
^ Следующие разделы развивают эту идею. 


Как работает почтовая служба США 


Ночтовая служба США позволяет отдельным людям отправлять обычную 
почту по любому адресу в мире. Для того чтобы отправить почту, вы должны 
сделать следующее: 


1. Указать адрес, по которому будет отправлена почта. 
2. Опустить письмо в почтовый ящик или отнести на почту. 


_`Представьте, что необходимо отправить открытки в Сан-Диего, Калифор- 
ния, и в Олбани, Нью-Йорк. Сначала вам нужно написать адрес вашего друга 
на открытке: скажем, 123 Элм-стрит, Олбани, Нью-Йорк. Затем опустить от- 
‚ крытку в почтовый ящик. | | 

В этот же день немного позже почтовый служащий вытащит все из по- 
чтового ящика, возьмет и вашу открытку и отправит ее на центральный по- 
_чтамт. Там ее рассортируют вместе с другой поступившей почтой и поместят 
в ящик с письмами, которые адресованы жителям восточной Калифорнии. 

На следующий день письмо отвезут из отделения связи в Сан-Диего север- 
нее Лос-Анджелеса. Оттуда письмо может быть отправлено самолетом в город 
Нью-Йорк. Из Нью-Йорка специальный грузовик отвезет открытку в почтовое 
отделение связи города Олбани. В итоге почтальон г. Олбани доставит от- 
крытку непосредственно вашему другу. 

Как показано на рис. 8.3, при доставке почты из Сан-Диего в Олбани за- 
действовано несколько почтовых отделений. Важно понять, что письмо мо- 
жет побывать в нескольких отделениях связи, перед тем как оно достигнет 
адресата. 
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(4) Письмо попадает 
из почтового офиса 
Лос-Анджелеса — 

в почтовый офис 
Нью-Йорка 


(3) Письмо 
доставляется ~ 
в почтовый офис 
Олбани, откуда 
оно затем попадает _ 
к адресату 


(2) Письмо 
доставляетс 
В ПОЧТОВЫЙ 
офис 
Лос-Анджелеса 


(1) Письмо отправляется 
из Сан-Диего 


- Рис. 8.3. При доставке из Сан-Диего в Олбани почта проходит через большое 
количество отделений связи 


Интернет - виртуальная почтовая служба 


Интернет устроен так же, как и обычная почтовая служба. Из почтового 
отделения можно доставить почту только по уникальному указанному адресу. 


Для почтовой службы адрес - это комбинация названия страны, почтового 


индекса, города, района, улицы и, возможно, номера квартиры. Компьютеры } 


в Интернете уникально идентифицированы с ыы IP-adpeca. 


Примечание |Р-адрес — это ряд, состоящий из четырех цифр, в котором каждая цифра — это 
десятичное число от 0 до 255. Пример 1Р-адреса — 45.102.3.211. IP (интер- 
нет-протокол) в адресе определяет правила, как обращаться к компьютерам 
по Интернету. | 


Помните, что почтовая служба имеет свои отделения по всему миру, что- 


бы почту можно было. при необходимости доставить в любой уголок земли. 
В Интернете аналогом почтового отделения является маршрутизатор. Маршру- 
тизаторы - это специальные компьютеры, которые направляют данные от 


202 — ГЛАВА 8. Дополнительный материал 


отправителя к получателю. При перемещении по Интернету сведения могут 
пройти через 20 маршрутизаторов, прежде чем попадут в конечное место 
‘назначения. 

Рис. 8.4 описывает путь, который может пройти У’еБ-страница, когда она 
отправляется с`М/еЪ-сервера в Сан-Диего с ГР-адресом 134.56.100.76 на персональ- 
ный компьютер, расположенный в Вашингтоне, центральный округ Колумбия, 
с ГР-адресом 87.213.20.119. Обратите внимание на сходство между рис. 8.3 и 8.4. 


(4) Затем данные 
отправляются 
в Вашингтон, 
центральный 
округ Колумбия 


87.213.20.119 


_ В (5) Маршрутизатор 
_ B Вашингтоне, центральный 
134.56.100.76 . к ee округ Колумбия, 


(1) Компьютер 134.56.100.76 отправляет данные к 
хочет отправить некоторые конечному пункту 
сведения через Интернет назначения - компьютеру 
на компьютер 87.213.20.119. 87.213.20.119 
Данные сначала отправляются 
на маршрутизатор, 
расположенный в Сан-Диего 


Рис. 8.4. Сведения, передающиеся по Интернету, направляются маршрутизаторами 
ототправителя к получателю 


Что можно сказать об именах доменов? 


В главе 1 мы обсуждали, что любой Web-caiir имеет уникальную идентифика- 
цию с помощью имени домена, которое выглядит как www.someName.com или 
www.someOtherName.org. Однако всего несколько абзацев назад я сказал, что 
по Интернету к компьютерам обращаются по [Р-адресам, которые имеют вид 
ХХХ.ХХХ.ХХХ.ХХХ, где ХХХ - это число от 0 до 255. У вас может возникнуть 
‚вопрос, какая связь существует между именами доменов и [Р-адресами. 

Помните из главы 1, что Уер-сайт - это одна или несколько связанных Web- 
страниц, которыми управляет Web-cepsep? Web-cepBep - это компьютер, под- 
ключенный к Интернету и предоставляющий запрашиваемую пользователем 
Web-crpanuuy из Web-6paysepa. Так как Web-cepsep подключен к Интернету, он 
должен быть уникально идентифицирован некоторым 1Р-адресом. | 
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‚Вы можете. посетить Web-caiit, введя 1Р-адрес его Web-cepsepa в адресную 
‚ строку вашего браузера. Например, я могу посетить Web-calir своего универ- 
ситета - Университет Missouri-Rolla, введя либо имя домена - Www.umr.edu, 
либо связанный с ним [Р-адрес - 131.151.35.19. В любом случае вы попадете 
на один и тот же Web-caiit (рис. 8.5 и 8.6). | | 
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Рис. 8.5. Вход Ha М/еЬ-сайт по имени домена 


Теперь представьте, что единственный способ посетить Web-calit - это | 
ввести его ТР-адрес. Вы не сможете запомнить [Р-адреса более одного-двух 
Web-caiiros. Если вы позвоните вашим родителям и скажете им, что вы и 
ваша жена создали семейный Web-caiir и, чтобы его посетить, необходимо 
ввести, например, такой 1Р-адрес: 64.123.99.7, разве вашим родителям легко. 
будет его запомнить? 

Система 1ТР-адресов была создана для компьютеров. Они очень хорошо 
работают с числами. Однако люди намного лучше запоминают слова и фра- 
зы. Поэтому, для того чтобы сделать адреса УеЬ-сайтов более запоминающи- 
мися, была разработана система имен доменов. 
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; Puc. 8.6. Доступ Ha Web-cant по!Р-адресу 


Примечание Доменная система имен, или DNS, — это очень большой список, напоминающий 

телефонную книгу. В этой «книге» содержатся имена всех зарегистрированных 
доменов. Рядом с каждым именем домена есть |Р-адрес, связанный с Web-cai- 
том. Когда вы вводите имя домена в адресной строке Web-6pay3epa, то сна- 
чала ищется |Р-адрес, соответствующий имени домена. После того как |Р-ад- 
рес найден, выполняется запрос на Web-cepsep. 
Этот большой список, устанавливающий соответствие между именами доменов и 
|Р-адресами, поддерживается на ряде серверов Интернета. Такие серверы назы- 
ваются ОМ$-серверами. Когда компьютер первый раз настраивается на подклю- 
чение к Интернету, один из шагов включает определение 1Р-адреса для DNS-cep- 
вера, который будет использоваться для поиска |Р-адресов доменных имен. 


Рис. 8.7 показывает последовательность шагов, которую выполняет брау- 
зер, когда вы вводите имя (доменное имя) Web-calita в адресную строку. 

Теперь, когда вы знаете, как работает Интернет, вам станет более понят- 
но, какие шаги нужно предпринять 2 для создания общедоступного Web-calita 
и почему: 


1. Чтобы остальные смогли просматривать ваши У/еЬ-страницы со своих 
компьютеров, требуется скопировать \УеЪ-страницы на сервер компа- 
нии, предоставляющей хостинг — место и доступ на сервере для разме- 
щения У\еЪ-страниц. 
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(1) ПК хочет посетить 
www.umr.edu, поэтому 
он ee роет 
y DSN-cepsepa a 
IP-anpec UMR.edu Samadi 
(2) DNS-cepsep 
отвечает, 
что |Р-адрес 
UMR.edu - 
131.151.35.19 


Персональный 
компьютер 


(3) ПК может только 
запросить - 
МеБ-страницы 
с Web-caiita UMR 
непосредственным 


запросом на UMR.edu 
131.151.35.19 Web-cepsep 
(131.151.35.19) 


Puc. 8.7. K О№-серверу обращаются ana Toro, чтобы узнать !Р-адрес определенного имени домена 


2. Если вы захотите выбрать имя домена для своего сайта, то его можно по- 
лучить, арендуя у любого регистратора имен доменов, таких Kak Network 
Solution, РМТелеком и др., или у своего провайдера. При регистрации вы- 
берите такое имя домена, которое указывает на ваш Web-cepsep. 

3. И наконец, вам понадобится загрузить ваши У\УеЪ-страницы с вашего 
компьютера на Web-cepBep компании, предоставившей хостинг. 


Следующий раздел посвящен оптимизации цифровых фотографий, кото- 
рые вы помещаете на свой Web-caiit. 


Оптимизация цифровых фотографий 


В главе 3 вы узнали о том, как изменить шаблон Web-caiira, добавляя к нему. 
собственные цифровые фотографии.` Благодаря современным технологиям 
размещать цифровые изображения в Интернете так же просто, как и фото- 
графировать цифровым фотоаппаратом или сканировать напечатанное изобра- 
жение с помощью сканера. В любом случае окончательное цифровое изображе- 
ние может быть неидеальным - например, слишком широким, или слишком 
высоким, или слишком объемным, что увеличит время, которое понадобит- 
ся вашим посетителям для загрузки вашей У\еБ-страницы. K счастью, оптими- 
зировать цифровые фотографии относительно просто. 

В цифровой фотосъемке важными свойствами снимков являются: 


» размер файла изображения; 
» ширина и высота изображения. 
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Как и любой компьютерный файл, цифровое изображение имеет размер 
файла. Размер файла определяет, сколько места изображение занимает на 
жестком диске. 

Помимо этого цифровое изображение имеет определенную ширину и 
высоту. Для цифровых изображений ширина и высота измеряются в пиксе- 
- лях, дюймах или сантиметрах. Между пикселями и дюймами нет прямого соот- 
ветствия. Это связано с тем, что определенная высота и ширина изображения 
в дюймах изменяется в зависимости от монитора, который используется для 
просмотра изображений. То есть, даже несмотря на то, что изображение 
может иметь 200 пикселей в ширину и 150 в высоту, на одном мониторе оно 
может отображаться как изображение в 3X2 дюйма, а на другом - как 
3,5x 2,75 дюйма. | 

Такое различие связано с рядом факторов. Первый заключается в том, что 
мониторы различаются по высоте и ширине. Например, экран моего порта- 
‘тивного компьютера (лэптопа) имеет 15 дюймов в ширину и 14 в высоту, в TO 
время как монитор моего стационарного компьютера - 17 дюймов в ширину 
и 17 в высоту. Более того, мониторы имеют различное разрешение. 


Примечание Разрешение монитора компьютера обозначает, сколько пикселей (точек) ото- 
бражается вертикально и горизонтально. Обычные разрешения — 640х480, 
800x600, 1024x768, 1280х1024и 1600х1200. 


Так как размеры компьютеров и разрешение могут различаться от мони- 
тора к монитору, нет универсального перехода от пикселей к дюймам или 
наоборот. 

При отображении цифрового изображения в режиме онлайн такие харак- 
теристики, как размер файла изображения, так и его высота и ширина, могут 
повлиять на то, как пользователь видит изображение. Цифровые фотогра- 
фии с большим размером файла могут очень долго загружаться, особенно при 
использовании медленного соединения с Интернетом через модем. Поэтому 
если на вашем сайте содержится большое число крупных цифровых изобра- 
жений, то на просмотр всех ваших фотографий пользователи могут потра- 
тить достаточно много времени. | 

Высоту и ширину изображения также важно иметь в виду. Если изображе- 
ние больше чем 640 пикселей в ширину и 480 в высоту, то для пользователей, 
чьи мониторы имеют разрешение 640x480, изображение будет больше, чем 
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окно Web-Opaysepa, и они должны будут прокручивать изображение в окне в 
вертикальном и горизонтальном направлении, чтобы просмотреть все его 
части. Также если вы отображаете изображения в тексте, то из-за слишком 
широких или слишком высоких изображений страница будет выглядеть заг- 
роможденной и ее сложно будет читать. 


Совет Размер файла изображения и ширина и высота взаимосвязаны. То есть изоб- 
ражения с меньшей шириной и высотой обычно имеют меньший размер фай- 
ла. Поэтому, делая свои изображения менее широкими и высокими, вы также 
уменьшаете размер файла, что сократит время, которое потребуется посети- 
телям для загрузки ваших изображений. 


Изменение размера цифровых изображений 


В зависимости от качества имеющегося у вас цифрового фотоаппарата циф- 
ровые изображения, сохраненные в памяти фотокамеры, могут быть доста- 
точно большими как по ширине, так и по высоте, а также по размеру файла 
и вам придется изменить размеры этих изображений. 

Для изменения размеров фотографий существуют специальные програм- 
мы. Если у вас есть цифровой фотоаппарат, скорее всего, к нему прилагается 
такая программа. Если нет, вы можете скачать соответствующие программы. 
либо использовать онлайновые инструменты. 


Совет Для изменения размеров цифровых изображений вы можете использовать бес- 

платное программное обеспечение IrFanView, которое доступно на ВНр:/ / 
www.irfanview.com. 
В Интернете существуют также Web-cantpi, которые масштабируют размеры 
вашего изображения за вас. Например, ImageResize от компании Microsoft, 
resizer.lord-lance.com, mypictr.com, eee.uci.edu. Чтобы изменить размер изоб- 
ражения, выберите его и загрузите на выбранный Web-cepsep. Размеры изоб- 
ражения изменятся автоматически. В результате в окне вашего браузера вы 
увидите это изображение с измененными размерами и сможете сохранить его 
на жесткий диск. . 


Давайте изменим размеры изображений в режиме онлайн с помощью 
ResizeR. Рис. 8.8 показывает цифровую фотографию. Цифровой фотоаппарат 
сохранил фотографию с достаточно высоким разрешением - 2048 пикселей ` 
в ширину и 1536 пикселя в высоту. Размер этого изображения более 550 Кб. 
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Термин Килобайт, обозначаемый как Кб, — это единица измерения компьютерных 
файлов (один килобайт равен 1024 байтам). Если пользователи имеют доступ 
в Интернет через модем, позволяющий скачивать информацию примерно 
56 Кбит/ с, то они смогут скачивать примерно 7 Кб/с (1 байт равен 8 битам). 
Поэтому, чтобы загрузить файл размером в 360 Кб, потребуется более 50 с 
при подключении через модем! Вот почему важно изменять размеры крупных 
изображений. 


Как изменить размеры этого изображения до более приемлемой высоты 
и ширины?. Начнем с того, что откроем \еЪ-страницу по адресу http:// 
_resizr.lord-lance.com в вашем браузере. Эта \УеЪ-страница показана на рис. 8.9. 
Если файлы с изображениями хранятся в вашем компьютере, выберите вклад- 
ку Local. Затем с помощью кнопки Обзор выберите ‘изображение, которое 
нужно загрузить для изменения размеров. Укажите новый размер изображе- 
ния, передвинув ползунок в поле Image width (Ширина изображения) или 
набрав нужное значение в пустом поле. 


Примечание Щелкнув по кнопке ResizR, вы загрузите изображение с вашего компьютера 
на Web-cepsep. Если вы подключены через модем, это может занять более 
50 с! Поэтому изменение больших изображений в режиме онлайн — это вари- 
ант для тех, у кого имеется широкополосное соединение или много терпения. 
Если у вас модем, то лучше скачайте программу IrFanView для изменения раз- 
меров изображений'. | 


Вы можете уменьшить размер изображения, введя абсолютные значения 
ширины в пикселях. Уменьшим выбранную фотографию так, чтобы она была, 
например, 255 пикселей в ширину. Когда вы введете число в текстовое поле 
Width (Ширина), высота будет подобрана автоматически, при этом будут 
сохранены соотношения размеров. После того как вы выполните все для изме- 
нения размеров, щелкните по кнопке ResizR. В результате вы увидите изме- 
ненное изображение, его размеры и новый объем файла. 


' Изменить размер изображения также можно с помощью графических редакторов (например, 


Photoshop). - Прим. науч. ред. 
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Home | News | About ResizR | How to ResizR? | ResizR Extension for Firefox ! Contact 
Image resizing is 50000000 easy! 


EE ee eae eee ANY 
i Local | From Web | 


Depencing on the image sixe the initia ratize can take some tine 
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Термин Соотношение размеров (пропорциональность) — это отношение ширины к вы- 
соте изображения. При изменении размеров изображения очень важно со- 
хранить это соотношение. Если вы этого не сделаете, то изображение будет 

выглядеть искаженным, потому что измененные высота и ширина не будут про- 
порциональны исходным. 


Рис. 8.10 показывает окно с изображением и его новые размеры. 

Обратите внимание на то, что размер файла измененного изображения 
намного меньше по сравнению с исходными! Изображение с уменьшенным 
разрешением будет загружаться намного быстрее, чем оригинальное. 

Осталось только сохранить полученное изображение. Чтобы это сделать, 
щелкните правой кнопкой мыши по изображению и выберите команду Зауе 
Image (or Picture) аз... (Сохранить изображение). Выберите имя файла и ero 
местоположение. 

Если вы планируете отображать на вашем \МеЪ-сайте цифровые фотогра- 
фии, потратьте немного времени на то, чтобы их оптимизировать. Изобра- 
жения правильного размера улучшат впечатление от сайта, так как посети- 
тель потратит меньше времени на полную загрузку У\еЬ-страницы. 


Home | News | About ResizR ; Haw to ResizR? | ResizR Extension for Firefox | Contact 


Hooorai! Here’s your freshly resized image: 


Yeur Original image had 2043x1536 pixels. Now it has 255x191 pixels. 


Right Click on image and cheese Save knage for Picture) es .... 
Alternatively try to just cragidrop it to your desktop. 


Not satisfied? 
Just adjust the width below and hit the ResizR Button again. 


Puc. 8.10. Разрешение изображения будетуменьшено до 250х191 пикселей 


Эта глава содержит несколько второстепенных тем. Она предоставляет 60- 
лее подробную информацию о разметке МеБ-страниц, принципах работы 
Интернета и оптимизации фотографий для размещения в Интернете. 

Вы узнали, что \УеБ-страницы, фактически, представляют собой текст, раз- 
меченный с помощью языка HTML, и что редакторы, такие как Composer, 
создают и редактируют документ в виде НТМГ-кода. Вы также узнали о том, 
как работает Интернет, как каждому компьютеру в Интернете присваивает- 
ся [Р-адрес и как маршрутизаторы в Интернете, подобно почтовым службам, 
направляют данные от одного сервера к другому. Помимо этого Интернет 
содержит ряд DNS-cepsepos, которые устанавливают связь между именами 
доменов и [Р-адресами. Другими словами, они позволяют вам связывать име- 
на доменов, таких как Www.msn.com, с [Р-адресами. | 

В этой главе также описаны различные приемы оптимизации ваших циф- 
ровых изображений. Если вы планируете отображать на сайте цифровые 
изображения, сделанные с помощью цифрового фотоаппарата или отскани- 
рованные с помощью сканера, сначала оптимизируйте их. В этом случае вы 
получите идеальное для размещения в Интернете разрешение и размер фай- 
ла и вашим посетителям будет удобно просматривать изображения. | 
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Издательство «НТ Пресс» представляет 


Использование ЗО)-технологий при создании Уеб-сайтов 


Серия «Школа Web-mactepctsa» 


Авторы: — Макгилливрей K., Хед. Э. 
Формат: 70x90'/,, 

Объем: 336 с. 

ISBN: 9-477-00145-3 


; 3 Наверняка, создав статичный сайт, основанный Ha обычном HTML, вы He 
ИСПОЛЬЗОВАНИЕ м раз задумывались, как бы сделать его динамичнее... 
„ЗО EXHONOT HN : Хотите «оживить» свой сайт, создав меню в виде ЗО-черепахи, которая 
WEB-CHHTOB © будет реагировать Ha каждое ваше действие и открывать нужный пункт? или 
населить его персонажами, которые будут общаться с пользователем и бук- 
вально водить его по сайту вместо скучной панели навигации? 

Прочитав эту книгу, вы поймете, насколько это просто! Достаточно со- 
здать несложную модель в 34$ тах и перенести ее на сайт при помощи Масго- 
media Director. 

Уроки, на которые поделена книга, позволят вам с легкостью освоить оп- 


ределенный аспект создания уникального интерактивного сайта. 


Философия CSS-An3zanHa 


Серия «Школа Web-mactepcrsa» 


У OST CARERS ee Cae 


Авторы: Дэйв Ши, Молли Е. Хольцшлаг 
Формат: 84x108'/, 

Объем: 2126 

ISBN: 5-477-000122-4 


_ С помощью каскадных таблиц стилей (CSS) в сочетании с минимальной 
разметкой можно создавать потрясающие образцы дизайна с намного мень- 
шим объемом кода, чем в страницах, сверстанных по традиционной техноло- 
гии на основе одного только HTML. Эффективность и гибкость процесса при 
этом оказываются куда выше. Воодушевившись при виде творческих воз- 
можностей, которые открывает такой подход к \№еБ-дизайну, Дэйв Ши co- 
здал сайт CSS Zen Garden (www.csszengarden.com). Его идея проста и элеган- 
тна: берем хорошо составленную НТМТ-разметку и предлагаем дизайнерам 
блеснуть своими знаниями CSS и создать поражающие воображение работы, 
а затем разместить свой С$$-код на сайте для всеобщего изучения и исполь- 
зования. 

Скромно дебютировав в 2003 году, сайт Zen Garden теперь насчитывает 
более 150 работ, присланных авторами со всего мира, и задает стандарты ка- 
чества \МеБ-дизайна с применением CSS. В этой книге широко известные 
дизайнеры Молли Хольцшлаг и Дэйв Ши подробно рассказывают о 36 луч- 
ших вариантах дизайна Zen Garden. 


Экономичный \еб-дизайн 


Серия «Школа Web-mactepcrsa» 
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ЗКОНОМИЧНЫЙ 


Nig, 


Автор: Бикнер К. 
Формат: 70x90'/,; 
Объем: 248 с. 

ISBN: 5-477-00076-7 


Эта книга о том, как создать профессионально выглядящий Web- 
сайт при ограниченных финансовых возможностях и как применить 
принципы малобюджетного проекта к каждому аспекту Web-npons- 
водства: управлению сайтом, созданию интерфейса, дизайну, напи- 
санию текста, хостингу и поддержке сайта после запуска. Книга ` 
предназначена для тех, кто экономит не только свои средства, но 
также и свое время, кто стремится разработать качественный сайт 


за короткие сроки. 


Стильный сайт с помощью CSS 


Серия «Школа Web-mactepcrsa» 


Автор: Уайк-Смит Ч. 
Формат: 70x90'/,, 
Объем: 272С. 


внешнего облика \еВ-сайта. Ее структура чрезвычайно проста и логична: пер- 
вые главы посвящены созданию отдельных компонентов Web-caiita с примене- 
нием CSS. В последней главе все эти компоненты сводятся в единое целое — 
читателю предлагается подробная инструкция по их объединению в готовый к 
работе сайт. В книге содержатся примеры кода для всех рассматриваемых ком- 
понентов сайта и вариантов разметки, которые можно использовать как заго- 
товки для своих целей, внеся в них необходимые изменения. 

Данное издание ориентировано как на начинающих дизайнеров, которые 
смогут использовать книгу как руководство для знакомства с CSS, так и на 
тех, кто ранее не имел опыта работы с CSS. 


ISBN: 5-477-00322-7 


Книга Чарльза Уайк-Смита посвящена применению CSS для создания 
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\/еб-дизайн по стандартам 


Серия «Школа \У\еБ-мастерства» 
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МЕВ-ДИЗАЙН 


Автор: `Зельдман JI. 
Формат: 70x90'/,, 
Объем: 440 с. 

_5ВМ: 5-477-00106-2 


Автор книги — Джеффри Зельдман — последовательно и целе- 
направленно ведет читателя к пониманию необходимости перехода 
к УеБ-стандартам. Издание описывает все основные технологии, 
необходимые для быстрого и эффективного перевода сайта на но- 
вый уровень, — XHTML, CSS, XML. Вы научитесь создавать краси- 
вые сайты, которые будут доступны пользователям как альтерна- 
тивных браузеров, так и мобильных устройств. Книга заставит вас 
иначе взглянуть на \УМеЬ-дизайн в частности и Интернет в целом; 
покажет, что будущее за стандартами W3C. 

Издание предназначено для дизайнеров, разработчиков, вла- 
дельцев и менеджеров сайтов, желающих снизить затраты, повы- 
сить работоспособность сайтов и охватить более широкий круг 
пользователей. 


Создание \/еб-страниц с помощью HTML 


Серия «Книги для быстрого обучения» 


Автор: Кастро Э. 
Формат: 70x90'/,, 
Объем: 144 с. 

ISBN: 5-477-00065-1 
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Создание Web-ctpanny 


Эта книга является руководством по созданию Web-caiita Ha ос- 
нове технологий HTML и CSS. Вы можете создавать HTML- или 
С$$-коды в любом текстовом редакторе, который есть на вашем 
A компьютере. Книга научит вас создавать главную и внутренние 
‚3% элизАБИ КАСТРО страницы Web-caiita, а также публиковать ваш сайт. Вы узнаете, как 
форматировать текст, выбирать фон, создавать навигационную па- 
нель и ссылки на другие страницы, использовать специальные ти- 
пографические символы и буквы для создания профессионального 
вида вашего сайта, получить УМе-хостинг и \МеЬ-домен, установить 
ЕТР-программы, передать файлы на сервер, зарегистрироваться в 
поисковиках. С помощью иллюстраций и пошаговых инструкций 
этой книги вы сможете создать свой сайт всего за несколько часов. 


Вы можете приобрести эти книги 
в розницу 
в книжных магазинах вашего города 


По вопросам оптовой покупки книг 
издательства «НТ Пресс» 
обращаться по адресу: Москва, 
Звездный бульвар, дом 91, 7-й этаж 
Тел. 615-43-38, 615-01-01, 
615-55-13 


Научно-популярное издание 


‚Скотт Митчелл 
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\\еБ-дизаина 


Эта книга — шестая книга Скотта Митчелла по интернет-технологиям. Его осталь- 
ные книги: Sams Teach Yourseif Active Server Pages 3.0 т 21 days, Designing Active 
Server Pages, ASP.NET: Tip, Tutorials, and Code, ASP МЕТ Data Web Controls Kick 
Start и Teach ASP.NET in 24 hours. Кроме того, Скотт также написал множество 
статей для журналов, в том числе для изданий Microsoft — MSDN Magazine и asp. 
netPro, а также сотни онлайновых статей на своем Web-caute 4GuysFromRolla. 
com. 


За последнее десятилетие популярность Интернета и Всемирной паутины сильно 
возросла. Практически все фирмы представлены в режиме онлайн. Многие поль- 
зователи создали Web-canT для своей семьи или разместили в Web фотографии, 
сделанные в отпуске. Если у вас недостаточно знаний и опыта для разработки 
и публикации собственного сайта, то эта книга для вас! 


В этой книге вы увидите, насколько просто создать собственный Web-cant. Ис- 
пользуя предлагаемые автором книги шаблоны профессиональных \\МеБ-сайтов и 
бесплатный редактор Web-ctpaHuy Mozilla Composer, вы сможете быстро и 
легко переделать шаблоны под индивидуальный Web-cant. Использовать Mozilla 
Composer так же просто, как и текстовый редактор. Просто укажите нужные эле- 
менты и щелкните по ним мышью! С помощью редактора вы сможете легко от- 
редактировать, добавить или удалить страницы, изображения и текстовые заго- 
ловки. 


В этой книге вы научитесь: 
. создавать \/\еб-сайты; 
‚ продавать товары и услуги в Интернете в собственном интернет-магазине; 
‚ выставлять товары в интернет-аукционе под своей учетной записью; 
. создавать блог при помощи службы WebBlog; 
‚ открывать совместный доступ к семейным фотографиям друзьям и родствен- 
никам. 


ISBN 978-5-477-01099-8 
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По вопросам оптовой 
покупки книг 
издательства «НТ Пресс» 
обращаться 
по адресу: 
Москва, Звездный бульвар, 
дом 21, 7-й этаж 
Тел. 615-43-38, 615-01-01, 
615-55-13 


Издательство приглашает 
к сотрудничеству 
как начинающих, 
так и пишущих авторов, 
специализирующихся на 
бизнес-, компьютерной 
и радиоэлектронной 
тематиках. 
Пишите: zim@ntpress.ru 


Звоните: (495) 615-08-01 
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